init homepage

3dw · Jul 7, 2024 · 5583945 · 5583945
1 parent ada5feb
commit 5583945
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 33 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,10 +1,9 @@
-<template>
-  <nav class="ui menu">
-    <router-link to="/" class="item">Home</router-link>
-    <!-- <router-link to="/faq" class="item">FAQ</router-link> -->
-    <router-link to="/four" class="item">四階段</router-link>
-  </nav>
-  <router-view/>
+<template lang="pug">
+nav.ui.menu
+  router-link.item(to="/") 問答集
+  // router-link.item(to="/faq") FAQ
+  router-link.item(to="/four") 四階段
+router-view
 </template>
 
 <style>
@@ -17,7 +16,7 @@
 }
 
 nav a.router-link-exact-active {
-  color: #42b983;
+  color: #42b983 !important;
 }
 
 </style>
diff --git a/src/views/AnsView.vue b/src/views/AnsView.vue
@@ -1,27 +1,25 @@
 <template lang="pug">
-  .hello
-    vue-headful(title="自學問答 - 自學地圖", description="自學問答集")
-    section.ui.segment.container
-      router-link(to="/")
-        h1.ui.header.center.aligned
-          | {{myQ.q}}
-        i.huge.orange.users.icon(style="display:block; margin-left:auto; margin-right:auto")
-      .ui.divider
-      .ui.grid
-        .row
-          .column
-            p.description(v-for = "line in myQ.as" v-html = "highlightAndMakeBr(line, myKey)")
-
-        .row
-          .eighteen.wide.right.aligned.column(v-show="myQ.es && myQ.es[0]")
-            .ui.divider
-            span(v-for = "(e,index) in myQ.es")
-              .ui.divider(v-show="index")
-              | 參考:&nbsp;&nbsp;
-              a(:href = "e.h" target="_blank")
-                i.globe.icon
-                | {{e.t}}
-
+.ans
+  section.ui.segment.container
+    router-link(to="/")
+      h1.ui.header.center.aligned
+        | {{myQ.q}}
+      i.huge.orange.users.icon(style="display:block; margin-left:auto; margin-right:auto")
+    .ui.divider
+    .ui.grid
+      .row
+        .column
+          p.description(v-for = "line in myQ.as" v-html = "highlightAndMakeBr(line, myKey)")
+
+      .row
+        .eighteen.wide.right.aligned.column(v-show="myQ.es && myQ.es[0]")
+          .ui.divider
+          span(v-for = "(e,index) in myQ.es")
+            .ui.divider(v-show="index")
+            | 參考:&nbsp;&nbsp;
+            a(:href = "e.h" target="_blank")
+              i.globe.icon
+              | {{e.t}}
 </template>
 
 <script>
@@ -81,7 +79,8 @@ export default  defineComponent({
 <style scoped>
 
 p {
-  text-align: left
+  text-align: left;
+  font-size: 16px;
 }
 
 </style>
diff --git a/src/views/FaqView.vue b/src/views/FaqView.vue
@@ -1,6 +1,5 @@
 <template lang="pug">
 .faq
-  vue-headful(title="自學問答 - 自學地圖", description="本會的自學問答集")
   section
     h1.ui.center.aligned.header 自學問答 
     h4.ui.center.aligned.header 分類：