✨ feat(客户端): 新增活动说明页面

hookehuyr
Commit 53f5778db9613d2c14dcff0b179d27523394dd06 53f5778d 1 parent 94557e0f
Showing 8 changed files with 207 additions and 8 deletions
index.html
package-lock.json
package.json
src/App.vue
src/route.js
src/views/client/privacyNotice.vue
src/views/client/verifyPage.vue
yarn.lock
--- a/index.html
View file @53f5778
+++ b/index.html
View file @53f5778
@@ -8,9 +8,9 @@
 <body>
   <div id="app"></div>
   <script type="module" src="/src/main.js"></script>
-  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script>
+  <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script>
   <script>
     var vConsole = new VConsole();
-  </script> -->
+  </script>
 </body>
 </html>
--- a/package-lock.json
View file @53f5778
+++ b/package-lock.json
View file @53f5778
@@ -14,7 +14,8 @@
         "moment": "^2.29.1",
         "mui-player": "^1.6.0",
         "vant": "^4.0.0-alpha.0",
-        "vue": "^3.2.31"
+        "vue": "^3.2.31",
+        "weixin-js-sdk": "^1.6.0"
       },
       "devDependencies": {
         "@types/jquery": "^3.5.14",
@@ -1704,6 +1705,11 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/weixin-js-sdk": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
+      "integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
+    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -2907,6 +2913,11 @@
         "@vue/devtools-api": "^6.0.0"
       }
     },
+    "weixin-js-sdk": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
+      "integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
+    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
--- a/package.json
View file @53f5778
+++ b/package.json
View file @53f5778
@@ -15,7 +15,8 @@
     "moment": "^2.29.1",
     "mui-player": "^1.6.0",
     "vant": "^4.0.0-alpha.0",
-    "vue": "^3.2.31"
+    "vue": "^3.2.31",
+    "weixin-js-sdk": "^1.6.0"
   },
   "devDependencies": {
     "@types/jquery": "^3.5.14",
--- a/src/App.vue
View file @53f5778
+++ b/src/App.vue
View file @53f5778
@@ -5,20 +5,24 @@
 <script setup>
 import axios from '@/utils/axios'
 import { useRoute, useRouter } from 'vue-router'
+import { onMounted } from 'vue'
 import { Toast } from 'vant'
 import { mainStore } from './store';
 const store = mainStore();
 const $router = useRouter();
+onMounted(() => {
+})
 </script>
 <style lang="less">
-  html,body{
+html,
+body {
   width: 100%;
   height: 100%;
-  }
+}
-  body {
+body {
   position: relative;
   /* --van-white: #fff;
     --van-blue: #1989fa;
@@ -32,5 +36,5 @@ const $router = useRouter();
     margin: 0;
     padding: 0;
   }
-  }
+}
 </style>
\ No newline at end of file
--- a/src/route.js
View file @53f5778
+++ b/src/route.js
View file @53f5778
@@ -53,6 +53,22 @@ export default [{
     }
   ]
 }, {
+  path: '/client/privacyNotice',
+  name: '客户端上传作品前须知',
+  component: () => import('./views/client/privacyNotice.vue'),
+  meta: {
+    title: '活动说明'
+  },
+  children: []
+}, {
+  path: '/client/verifyPage',
+  name: '客户端上传作品/留言前实名认证',
+  component: () => import('./views/client/verifyPage.vue'),
+  meta: {
+    title: '实名认证'
+  },
+  children: []
+}, {
   path: '/image',
   name: 'html转图片',
   component: () => import('./views/html2canvas.vue'),
--- a/src/views/client/privacyNotice.vue 0 → 100644
View file @53f5778
+++ b/src/views/client/privacyNotice.vue 0 → 100644
View file @53f5778
+<template>
+  <div class="privacy-notice-page">
+    <p class="title">个人信息保护政策</p>
+    <div class="content">
+      <p>
+        欢迎您参与童声无界-声音漂流记！童声无界（以下也称“我们”）深知个人信息对您的重要性，因此我们非常重视保护您的隐私和个人信息。我们将按照法律法规要求并通过《童声无界个人信息保护政策》（以下简称“本政策”）向您说明我们在您使用本平台的产品/服务时如何处理您的个人信息，以及我们为您提供的访问、更新、删除和保护这些信息的方式。
+      </p>
+      <p style="font-weight: bold;">为了向您提供我们产品/服务的基本功能，您需要授权我们收集、使用必要信息的情形。如您拒绝提供前述必要信息，您将无法正常使用我们的产品/服务；</p>
+      <p>
+        为了向您提供我们产品/服务的附加功能，您可以选择授权我们收集、使用信息的情形。如您拒绝提供前述信息，您将无法正常使用相关附加功能或无法实现我们拟达到的功能效果，但并不会影响您正常使用我们产品/服务的基本功能。
+        请您注意，因我们向您提供的产品和服务种类众多，我们将根据您选择使用的具体产品/服务范围，遵循“合理、正当、必要”原则收集和使用您的个人信息。除此之外，您理解并同意，基于向您提供更好的产品和服务的目的，我们可能会不时推出新的或优化后的功能，可能增加或变更收集和使用个人信息的目的、范围和方式。对此，我们将通过更新本政策、弹窗或站内信等通知方式另行向您说明收集和使用对应信息的目的、范围和方式，并为您提供同意与否的选项，且在征得您的明示同意后收集、使用对应信息。在此过程中，如您有任何疑问、意见或建议，您可通过本政策第九条提供的联系方式与我们联系。
+      </p>
+    </div>
+    <div style="height: 5rem;"></div>
+    <div class="control-bar">
+      <div class="button">
+        <my-button @on-click="disagree" type="plain">不同意</my-button>
+      </div>
+      <div class="button">
+        <my-button @on-click="agree" type="primary">同意</my-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import MyButton from '@/components/MyButton/index.vue'
+import { ref, reactive, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import axios from '@/utils/axios';
+import $ from 'jquery'
+import { Toast } from 'vant';
+const $route = useRoute();
+const $router = useRouter();
+
+const disagree = () => {
+  console.warn('不同意');
+}
+const agree = () => {
+  console.warn('同意');
+}
+
+onMounted(() => {
+
+})
+</script>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data() {
+    return {
+
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.privacy-notice-page {
+  padding: 1rem;
+
+  .title {
+    text-align: center;
+    font-size: 1.25rem;
+    padding: 1rem 0;
+    color: #713610;
+    font-weight: bold;
+  }
+
+  .content {
+    text-align: justify;
+    color: #231815;
+    font-size: 1.05rem;
+
+    p {
+      padding-bottom: 1rem;
+    }
+  }
+
+  .control-bar {
+    z-index: 999;
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    box-sizing: content-box;
+    background-color: white;
+    padding: 1rem 0;
+    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.07);
+
+    .button {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      flex: 1;
+      padding: 0 0.5rem;
+    }
+  }
+}
+</style>
\ No newline at end of file
--- a/src/views/client/verifyPage.vue 0 → 100644
View file @53f5778
+++ b/src/views/client/verifyPage.vue 0 → 100644
View file @53f5778
+<template>
+  <div class="verify-page">
+    <p class="title">请录入真实的信息</p>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import axios from '@/utils/axios';
+import $ from 'jquery'
+import { Toast } from 'vant';
+const $route = useRoute();
+const $router = useRouter();
+
+  onMounted(() => {
+    
+  })
+</script>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.verify-page {
+  padding: 1rem;
+  .title {
+    text-align: center;
+    font-size: 1.25rem;
+    padding: 1rem 0;
+    color: #713610;
+    font-weight: bold;
+  }
+}
+</style>
\ No newline at end of file
--- a/yarn.lock
View file @53f5778
+++ b/yarn.lock
View file @53f5778
@@ -995,6 +995,11 @@
     "@vue/server-renderer" "3.2.31"
     "@vue/shared" "3.2.31"
+"weixin-js-sdk@^1.6.0":
+  "integrity" "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
+  "resolved" "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz"
+  "version" "1.6.0"
+
 "wrappy@1":
   "integrity" "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
   "resolved" "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"