Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
53f5778d 1 parent 94557e0f

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

Inline Side-by-side
Showing 8 changed files with 218 additions and 19 deletions
......@@ -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>
......
......@@ -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",
......
......@@ -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",
......
......@@ -5,32 +5,36 @@
<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{
width: 100%;
height: 100%;
}
html,
body {
width: 100%;
height: 100%;
}
body {
position: relative;
/* --van-white: #fff;
body {
position: relative;
/* --van-white: #fff;
--van-blue: #1989fa;
--van-button-primary-color: var(--van-white);
--van-button-primary-background: var(--van-primary-color); */
/* 全局修改主色调 */
// --van-blue: #F9D95C;
// background-color: #FAFAFA;
p {
margin: 0;
padding: 0;
}
/* 全局修改主色调 */
// --van-blue: #F9D95C;
// background-color: #FAFAFA;
p {
margin: 0;
padding: 0;
}
}
</style>
\ No newline at end of file
......
......@@ -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'),
......
<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
<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
......@@ -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"
......