政策、问题、隐私页面开发完成

pages/question.vue

@@ -279,7 +279,7 @@ function active(hash) {
 };
 onMounted(() => {
     const hash = window.location.hash
-    if (hash == '') {
+    if (hash === '') {
          window.location.hash = "reading";
         }
     else {

pages/terms.vue

@@ -1,11 +1,36 @@
 <script>
+import { Fragment } from 'vue-fragment'
+
 export default {
-  layout: 'custom'
+  components: {Fragment},
+  layout: 'custom',
+  data() {
+    return {
+      type: 'chinese'
+    }
+  },
+  mounted() {
+    let nl
+    if(navigator.appName === 'Netscape') {
+      nl = navigator.language
+    }else {
+      nl = navigator.browserLanguage
+    }
+    if(location.href.includes('type=chinese')) {
+      this.type = 'chinese'
+    }else if(location.href.includes('type=english')) {
+      this.type = 'english'
+    }else if(nl.includes('zh')) {
+      this.type = 'chinese'
+    }else {
+      this.type = 'english'
+    }
+  }
 }
 </script>
 <template>
-  <div>
-    <div class="terms chinese">
+  <Fragment>
+    <div v-if="type === 'chinese'" class="terms chinese">
       <div class="title"><span>PDF Reader（17PDF Reader）</span><p>服务协议</p></div>
       <div class="content">
         <p>有效日期自2017年5月16日起<br/>
@@ -102,7 +127,7 @@ export default {
       </div>
     </div>
 
-    <div class="terms english">
+    <div v-else class="terms english">
       <div class="title"><span>Cloud Plus</span><p>Terms of Service</p></div>
       <div class="content">
         <p>Effective as from 05/16/2017</p>
@@ -196,13 +221,13 @@ export default {
         <p>This Agreement and the relationship between Build to Connect, Inc. and User shall be governed by and interpreted with the laws of Taiwan, the Republic of China (R.O.C.), excluding its conflicts of law provisions. In the event of dispute in relation to the Services, User agrees to submit to the personal and exclusive jurisdiction of the Tainan District Court in Taiwan, the Republic of China (R.O.C.).</p>
       </div>
     </div>
-  </div>
+  </Fragment>
 </template>
 
 <style lang="scss">
 .terms {
-  &.english{
-    display: none;
+  a {
+    color: #337ab7;
   }
   .title {
     text-align: center;