添加隐私条款

hookehuyr
Commit abca4bca8aa18827a8d43a466f528aa521b52307 abca4bca 1 parent 26a2e53a
Showing 1 changed file with 62 additions and 4 deletions
src/pages/login/index.vue
--- a/src/pages/login/index.vue
View file @abca4bc
+++ b/src/pages/login/index.vue
View file @abca4bc
 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-28 10:48:17
+ * @LastEditTime: 2024-01-17 14:45:13
  * @FilePath: /meihuaApp/src/pages/login/index.vue
  * @Description: 文件描述
 -->
@@ -32,10 +32,55 @@
       <nut-button block color="#6A4925" size="large" @tap="login"><text style="font-size: 38rpx;">登&nbsp;录</text></nut-button>
     </view>
     <view style="display: flex; align-items: center; margin-left: 60rpx; margin-top: 30rpx; color: #6A4925;">
-      <IconFont name="checked" color="#6A4925"></IconFont>
+      <IconFont v-if="agree_checked" name="checked" color="#6A4925" @tap="onClickAgree"></IconFont>
-      <text style="margin-left: 5rpx;">登录即同意</text><text style="font-weight: bold;" @tap="tapRight">《法律条款及隐私政策》</text>
+      <IconFont v-else name="check-normal" color="#000" @tap="onClickAgree"></IconFont>
+      <text style="margin-left: 5rpx;" @tap="onClickAgree">登录即同意</text><text style="font-weight: bold;" @tap="tapRight">《法律条款及隐私政策》</text>
     </view>
-    <nut-popup position="right" closeable :style="{ width: '100%', height: '100%' }" v-model:visible="showRight"></nut-popup>
+    <nut-popup position="right" closeable :style="{ width: '100%', height: '100%' }" v-model:visible="showRight">
+      <view>
+        <view style="text-align: center; font-size: 35rpx; margin-top: 80rpx; margin-bottom: 20rpx;">隐私条款</view>
+        <view style="padding: 0 50rpx;">
+          <view>一、定义</view>
+          <view style="margin: 20rpx 0;">
+            <view style="margin-bottom: 10rpx;">
+              1.个人隐私保护协议：是指依据相关法律法规规定、本协议等文件，由双方就个人信息的收集，使用和保护等问题所订立的协议。
+            </view>
+            <view>
+              2.个人信息：是指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息，包括但不限于自然人的姓名、出生日期、证件号码、个人生物识别信息、地址、电话号码、电子邮件地址等。
+            </view>
+          </view>
+          <view>二、收集个人信息的目的</view>
+          <view style="margin: 20rpx 0;">
+            <view style="margin-bottom: 10rpx;">
+              1. 我方将收集个人信息的目的是为了提供服务和满足客户的要求，并为客户提供更优质的服务和体验；
+            </view>
+            <view style="margin-bottom: 10rpx;">
+              2. 我方将对收集的个人信息进行严格的管理，以确保个人信息安全，不会被不当使用；
+            </view>
+            <view>
+              3. 我方将严格邊守法律法规，尊重客户的隐私权，不会将个人信息提供给第三方。
+            </view>
+          </view>
+          <view>三、收集个人信息的范围</view>
+          <view style="margin: 20rpx 0;">
+            <view style="margin-bottom: 10rpx;">1. 我方将仅收集客户提供的个人信息，不收集未经客户许可的其他信息：</view>
+            <view style="margin-bottom: 10rpx;">2. 如果客户拒绝提供个人信息，我方将无法为某提供服务；</view>
+            <view>3. 我方可能会通过网络技术收集客户的浏览和使用信息，但未经客户许可不会收集其他个人信息。</view>
+          </view>
+          <view>四、个人信息的使用</view>
+          <view style="margin: 20rpx 0;">
+            <view style="margin-bottom: 10rpx;">1. 我方将仅为提供服务的目的而使用客户的个人信息，不会将其用于其他用途；</view>
+            <view style="margin-bottom: 10rpx;">2. 为保护客户的隐私权，我方不会将客户的个人信息提供给第三万，除非经过客户的同意或者依照相关法律法规的规定；</view>
+            <view>3. 如果客户要求我方删除个人信息，我方将及时删除客户的个人信息。</view>
+          </view>
+        </view>
+      </view>
+      <view style="padding: 20rpx;">
+        <nut-button @tap="() => { showRight=false }" block color="#6A4925" size="large">
+          <text>关&nbsp;闭</text>
+        </nut-button>
+      </view>
+    </nut-popup>
   </view>
 </template>
@@ -90,6 +135,11 @@ const time_remaining = ref(0);
 const tel = ref('');
 const sms_code = ref(null);
+const agree_checked = ref(false);
+const onClickAgree = () => {
+  agree_checked.value = !agree_checked.value;
+}
+
 const showRight = ref(false);
 const tapRight = () => {
@@ -105,6 +155,14 @@ const isValidTel = (tel) => {
 }
 const login = async () => {
+  if (!agree_checked.value) {
+    Taro.showToast({
+      title: '请先阅读隐私政策后勾选',
+      icon: 'none',
+      duration: 2000
+    });
+    return;
+  }
   if (!isValidTel(tel.value) ||!sms_code.value) {
     Taro.showToast({
       title: '请检查输入项',