完善用户协议、隐私政策

src/components/userAgreement/userAgreement.vue

@@ -2,18 +2,117 @@
   <view>
     <u-modal :title="title" :show="show" @confirm="handleConfirm" width="500rpx">
       <!-- 如果点击的是用户协议 -->
-      <view v-if="title == '用户协议'">
-        <p>1.1246461456</p>
-        <p>2.1246461456</p>
-        <p>3.1246461456</p>
+      <view v-if="title == '用户协议'" class="scrollable-container">
+        <p>
+          欢迎使用不吃紫菜科技有限公司的产品服务！不吃紫菜科技有限公司（以下简称“本公司”）提供的产品服务由不吃紫菜科技有限公司及其关联方通过网站、移动应用程序等方式向您提供。
+        </p>
+
+        <p>
+          在使用本公司的产品/服务之前，请您仔细阅读并理解本用户协议。如果您不同意本协议的任何内容，请您停止使用本公司的产品/服务。
+        </p>
+
+        <p style="font-weight: bold">1. 服务内容</p>
+        <p>本公司提供的产品/服务包括但不限于：</p>
+        <p>- 提供在线购物平台，用户可以在平台上浏览和购买商品；</p>
+        <p>- 提供用户注册和登录功能，用户可以通过注册和登录账号来使用本公司的产品/服务；</p>
+        <p>- 提供用户个人信息管理功能，用户可以在个人中心管理和修改个人信息；</p>
+        <p>- 提供订单管理功能，用户可以查看和管理自己的订单；</p>
+        <p>- 提供售后服务，用户可以申请退款、退货等售后服务；</p>
+        <p>......</p>
+
+        <p style="font-weight: bold">2. 用户权利和义务</p>
+        <p>2.1 用户有权根据本公司的规定使用本公司的产品/服务。</p>
+        <p>
+          2.2 用户应当遵守国家法律法规和本公司的相关规定，不得利用本公司的产品/服务从事违法活动。
+        </p>
+        <p>2.3 用户应当保护好自己的账号和密码，不得将账号和密码透露给他人。</p>
+        <p>2.4 用户应当按照本公司的规定支付商品的购买款项，并按时收取商品。</p>
+        <p>2.5 用户应当配合本公司进行商品的配送、退款、退货等售后服务。</p>
+        <p>......</p>
+
+        <p style="font-weight: bold">3. 个人信息保护</p>
+        <p>3.1 本公司将按照法律法规和隐私政策的要求，保护用户的个人信息。</p>
+        <p>3.2 用户应当按照本公司的要求提供真实、准确、完整的个人信息。</p>
+        <p>3.3 本公司将采取合理的安全措施，保护用户的个人信息不被泄露、篡改或丢失。</p>
+        <p>3.4 用户可以根据本公司的隐私政策行使自己的个人信息权利。</p>
+        <p>......</p>
+
+        <p style="font-weight: bold">4. 免责声明</p>
+        <p>4.1 本公司不对用户使用本公司的产品/服务所产生的任何直接或间接损失承担责任。</p>
+        <p>4.2 用户在使用本公司的产品/服务时应自行承担风险，本公司不对用户的行为负责。</p>
+        <p>
+          4.3
+          本公司不对因不可抗力、计算机病毒、黑客攻击等原因导致的服务中断、数据丢失等问题承担责任。
+        </p>
+        <p>......</p>
+
+        <p style="font-weight: bold">5. 协议的变更和终止</p>
+        <p>5.1 本公司有权根据需要修改本用户协议，并在网站上公布修改后的协议内容。</p>
+        <p>5.2 用户如果不同意修改后的协议内容，可以停止使用本公司的产品/服务。</p>
+        <p>5.3 本公司有权根据法律法规和业务需要终止本用户协议，并停止向用户提供产品/服务。</p>
+        <p>......</p>
+
+        <p style="font-weight: bold">6. 法律适用和争议解决</p>
+        <p>6.1 本用户协议适用中华人民共和国的法律。</p>
+        <p>
+          6.2
+          用户和本公司之间的争议应当通过友好协商解决，协商不成的，可以向有管辖权的人民法院提起诉讼。
+        </p>
+        <p>......</p>
+
+        <p>
+          请您在使用本公司的产品/服务之前，仔细阅读并理解本用户协议。如果您对协议内容有任何疑问，请随时联系我们。
+        </p>
       </view>
       <!-- 否则 也就是点击隐私政策 -->
-      <view v-else>
-        <p>8888888888</p>
-        <p>8888888888</p>
-        <p>8888888888</p>
-        <p>8888888888</p>
-        <p>8888888888</p>
+      <view v-else class="scrollable-container">
+        <p class="centent" style="font-weight: bold">车旅程隐私政策</p>
+        <p>版本号：V0.0.0</p>
+        <p>更新日期：2024年01月01日</p>
+        <p>生效日期：2024年01月01日</p>
+        <p>
+          欢迎使用不吃紫菜科技有限公司的产品服务！不吃紫菜科技有限公司（以下简称“本公司”）非常重视您的个人信息保护。本隐私政策将告知您本公司如何收集、使用、存储和保护您的个人信息。
+        </p>
+
+        <p>
+          请在使用本公司的产品服务之前仔细阅读并理解本隐私政策。如果您不同意本政策的任何内容，请您停止使用本公司的产品/服务。
+        </p>
+
+        <p style="font-weight: bold">1. 信息收集和使用</p>
+        <p>本公司可能会收集和使用以下类型的个人信息：</p>
+        <p>- 姓名、联系方式、地址等身份识别信息；</p>
+        <p>- 设备信息、操作记录、IP地址等技术信息；</p>
+        <p>- 其他您主动提供的个人信息。</p>
+        <p>
+          本公司将严格按照法律法规的要求，使用您的个人信息，并采取合理的安全措施保护您的个人信息。
+        </p>
+
+        <p style="font-weight: bold">2. 信息存储和保护</p>
+        <p>
+          本公司将采取合理的安全措施，保护您的个人信息的安全性和完整性。同时，本公司将采取合理的措施防止您的个人信息被泄露、丢失或被滥用。
+        </p>
+        <p>本公司将在法律法规要求的时限内存储您的个人信息，并在不再需要时进行删除。</p>
+
+        <p style="font-weight: bold">3. 信息共享和转让</p>
+        <p>本公司将严格控制个人信息的共享和转让行为，并仅在以下情况下共享或转让您的个人信息：</p>
+        <p>- 获得您的明确同意；</p>
+        <p>- 根据法律法规的要求；</p>
+        <p>- 为了提供您所需的产品/服务而必要的共享或转让；</p>
+        <p>- 根据法律法规的要求或有权机关的要求进行共享或转让。</p>
+
+        <p style="font-weight: bold">4. 信息安全</p>
+        <p>
+          本公司将采取合理的安全措施，保护您的个人信息的安全性和完整性。同时，本公司将采取合理的措施防止您的个人信息被泄露、丢失或被滥用。
+        </p>
+
+        <p style="font-weight: bold">5. 法律适用和争议解决</p>
+        <p>
+          本隐私政策适用中华人民共和国的法律。任何因本隐私政策引起的争议，应通过友好协商解决；协商不成的，可以向有管辖权的人民法院提起诉讼。
+        </p>
+
+        <p>
+          请您在使用本公司的产品/服务之前，仔细阅读并理解本隐私政策。如果您对政策内容有任何疑问，请随时联系我们。
+        </p>
       </view>
     </u-modal>
   </view>
@@ -41,3 +140,13 @@ export default {
   },
 };
 </script>
+<style scoped>
+.scrollable-container {
+  height: 70vh; /* 设置容器的高度为视口高度的70% */
+  overflow-y: auto; /* 添加垂直滚动条 */
+  font-size: 13px; /* 设置文字大小为16像素 */
+}
+.centent {
+  text-align: center;
+}
+</style>

src/pages/login/index.vue

@@ -29,7 +29,7 @@
       <view @click="click('隐私政策')">《隐私政策》</view>
     </view>
 
-    <userAgreement v-if="show"  :title="title" :show="show" @handleConfirm="handleConfirm"/>
+    <userAgreement v-if="show" :title="title" :show="show" @handleConfirm="handleConfirm" />
   </view>
 </template>
 

src/pages/login/phoneLogin.vue

@@ -60,16 +60,14 @@
             :checked="isChecked"
           ></u-checkbox>
         </u-checkbox-group>
-        <text class="user-agreement-text">
-          我已阅读并同意
-          <view @click="click('用户协议')">《用户协议》</view>
-      <view @click="click('隐私政策')">《隐私政策》</view>
-          <!-- <text class="terms">《商家/车主个人信息保护规则》</text> -->
-        </text>
+        <view>我已阅读并同意</view>
+        <view @click="click('用户协议')">《用户协议》</view>
+        <view @click="click('隐私政策')">《隐私政策》</view>
+        <!-- <text class="terms">《商家/车主个人信息保护规则》</text> -->
       </view>
     </view>
 
-    <view>
+    <!-- <view>
       <u-popup :show="show" @close="close" mode="center">
         <view
           style="
@@ -86,15 +84,15 @@
         </view>
         <u-button @click="confirmShow" type="primary" :loading="loading">确认</u-button>
       </u-popup>
-    </view>
+    </view> -->
 
     <!-- 用户协议弹框 -->
-    <userAgreement v-if="show"  :title="title" :show="show" @handleConfirm="handleConfirm"/>
+    <userAgreement v-if="show" :title="title" :show="show" @handleConfirm="handleConfirm" />
   </view>
 </template>
 
 <script>
-  import userAgreement from '@/components/userAgreement/userAgreement.vue'
+import userAgreement from '@/components/userAgreement/userAgreement.vue';
 import { getSmsCodeByPhone, loginByPhoneAndSmsCode, maintainSmsCaptcha } from '@/api/login';
 export default {
   components: {
@@ -174,8 +172,8 @@ export default {
       }
     },
 
-       //点击用户协议
-       click(title) {
+    //点击用户协议
+    click(title) {
       this.show = true; //打开弹框
       this.title = title; //赋值标题
     },
@@ -234,9 +232,9 @@ export default {
     },
 
     //点击我已阅读
-    checkboxChange(v) {
-      this.isChecked = v;
-    },
+    // checkboxChange(v) {
+    //   this.isChecked = v;
+    // },
 
     //点击手机号无法使用？
     noPhone() {

src/pages/login/register.vue

@@ -63,15 +63,13 @@
         <u-checkbox-group style="margin-top: 17rpx">
           <u-checkbox shape="circle" @change="checkboxChange" :checked="isChecked"></u-checkbox>
         </u-checkbox-group>
-        <text class="user-agreement-text">
-          我已阅读并同意
-          <text class="terms">《用户协议》</text>
-          <text class="terms">《隐私政策》</text>
-        </text>
+        <view>我已阅读并同意</view>
+        <view @click="click('用户协议')">《用户协议》</view>
+        <view @click="click('隐私政策')">《隐私政策》</view>
       </view>
     </view>
 
-    <view>
+    <!-- <view>
       <u-popup :show="show" @close="close" mode="center">
         <view
           style="
@@ -88,13 +86,15 @@
         </view>
         <u-button @click="confirmShow" type="primary" :loading="loading">确认</u-button>
       </u-popup>
-    </view>
+    </view> -->
+    <!-- 用户协议弹框 -->
+    <userAgreement v-if="show" :title="title" :show="show" @handleConfirm="handleConfirm" />
   </view>
 </template>
 
 <script>
 import { getSmsCodeByPhone, loginByPhoneAndSmsCode } from '@/api/login';
-
+import userAgreement from '@/components/userAgreement/userAgreement.vue';
 export default {
   data() {
     return {
@@ -194,7 +194,16 @@ export default {
     register() {
       this.$Router.pushTab('/pages/login/register');
     },
+    //点击用户协议
+    click(title) {
+      this.show = true; //打开弹框
+      this.title = title; //赋值标题
+    },
 
+    //点击用户协议弹框内的确定
+    handleConfirm() {
+      this.show = false; //关闭弹框
+    },
     codeChange(text) {
       this.tips = text;
     },