add peag

src/pages/setUser/index.jsx

@@ -1,4 +1,4 @@
-import { View, Button, Navigator, Input, Radio, ScrollView } from '@tarojs/components'
+import { View, Button, Label, Input, Radio, ScrollView } from '@tarojs/components'
 import Taro from '@tarojs/taro';
 import { useEffect, useState } from 'react';
 import { setPersons } from '@/services/dogAPI';
@@ -112,8 +112,7 @@ export default (props) => {
       <View class='page' >
         <mp-dialog show={dogStatus1} title='隐私协议' maskClosable={false} buttons={[{ text: '同意' }]} onButtontap={() => { handleTap('1') }} >
           <ScrollView scrollY  >
-            <View>
-              <View>隐私政策:</View>
+            <View className='YinSiBox'>
               <View>霍山码上领证应用（以下简称“本应用”）隐私保护政策系本应用保护用户个人隐私的承诺。本政策适用于您与本应用的交互行为、您登记和使用本应用的在线服务，以及您所使用的霍山码上领证服务。故特此说明本应用对用户个人信息所采取的收集、使用和保护政策，请您务必仔细阅读。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。 您在注册或登录时，即视为您已经同意本隐私权政策全部内容。</View>
               <View>1、适用范围</View>
               <View>(a) 在您注册本应用帐号时，您根据本应用要求提供的个人注册信息； (b) 在您使用本应用网络服务时，或访问本应用平台网页时，本应用将自动接收并记录的您的浏览器和计算机上的信息，包括但不限于您的手机号、录音、IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；以优化在您计算机屏幕上显示的页面。通过收集上述信息，我们亦进行客流量统计，从而改进应用的管理和服务。 (c) 您在本应用进行用户注册登记、定制业务或参与公共论坛等活动时，以及接受晒晒钱的服务时，在您的同意及确认下，本应用以及线下服务将通过注册表格、订单等形式要求您提供一些个人资料。这些个人资料可能包括： 个人识别资料：如姓名、性别、身份证号码、电话、通信地址、收货人住址等情况； (d) 本应用通过合法途径从商业伙伴处取得的用户个人数据。 您了解并同意，以下信息不适用本隐私权政策： (a) 您在使用本应用平台提供的搜索服务时输入的关键字信息； (b) 本应用收集到的您在本应用发布的有关信息数据，包括但不限于参与话题活动、成交信息及评价详情； (c) 违反法律规定或违反本应用规则行为及本应用已对您采取的措施。</View>
@@ -146,8 +145,8 @@ export default (props) => {
         </mp-dialog>
         <mp-dialog show={dogStatus2} title='用户隐私' maskClosable={false} buttons={[{ text: '同意' }]} onButtontap={() => { handleTap('2') }} >
           <ScrollView scrollY  >
-            <View>
-              <View>霍山码上领证用户使用协议、用户协议:</View>
+            <View className='YinSiBox'>
+              <View>霍山码上领证用户使用协议</View>
               <View>欢迎您使用霍山码上领证服务（下称：本服务）</View>
               <View>请您仔细阅下方条款，若您对本协议的任何条款存有异议，您可以第一时间选择不进入霍山码上领证应用。</View>
               <View>在登录界面登录时，《用户协议》”处打勾“✓”并按照流程成功进入霍山码上领证，即表示您已充分阅读、理解并接受本协议项下的全部内容，并与霍山码上领证达成本协议。</View>
@@ -197,13 +196,16 @@ export default (props) => {
             <uploader name='cardImg1' value={person?.cardImg1} onFile={handleFile} />
           </FormItem>
 
-          <View style={{ margin: '4em 0 2em 0' }}>
+          <View style={{ margin: '2em 0 2em 0' }}>
+            <Label className='radio-list__label' for='radio'>
+              <Radio color='#FCD905' id='radio' className='radio-list__radio' checked={checkStatu} onClick={handelChange} />
+              <View className='radioBox'>
+                确定即代表您已阅读并接受
+                <text onClick={() => { lookXieYi('Status1') }} style={{ color: '#576b95' }}>《隐私协议》</text>和<text onClick={() => { lookXieYi('Status2') }} style={{ color: '#576b95' }}>《用户隐私》</text>
+                所有条款
+              </View>
+            </Label>
             <Button style={{ backgroundColor: '#fbd804', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
-            <Radio className='checkbox-list__checkbox' checked={checkStatu} onClick={handelChange}  >
-              确定即代表您已阅读并接受
-              <View onClick={() => { lookXieYi('Status1') }} style={{ color: '#576b95', display: 'inline-block' }}>《隐私协议》</View>和<View onClick={() => { lookXieYi('Status2') }} style={{ color: '#576b95', display: 'inline-block' }}>《用户隐私》</View>
-              所有条款
-            </Radio >
 
           </View>
         </Form>

src/pages/setUser/style.less

@@ -1,6 +1,14 @@
 .sizeStyle {
   font-size: 20px;
 }
+.YinSiBox {
+  font-size: 28px;
+  text-align: left;
+
+  view + view {
+    margin-top: 1em;
+  }
+}
 .addImage {
   width: 100px;
   height: 100px;
@@ -21,13 +29,20 @@
 
 .botBottom {
 }
-.checkbox-list__checkbox {
-  // position: absolute;
-  // bottom: 30vw;
-  margin: 0 auto;
-  width: 100vw;
+.radio-list__label {
   font-size: 29px;
   display: flex;
-  align-content: center;
-  transform: scale(0.8);
+  padding: 15px 15px;
+
+  .radio-list__radio {
+    // position: absolute;
+    // bottom: 30vw;
+    margin: 0 auto;
+    display: flex;
+    align-content: center;
+    transform: scale(0.8);
+  }
+  .radioBox {
+    font-size: 29px;
+  }
 }