上传选择认证方式和个人认证页面

pages.json

@@ -146,7 +146,16 @@
 				"navigationBarTitleText" : ""
 			}
 		}
-	],
+	    ,{
+            "path" : "pages/mine/authOption",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "unapp模板",

pages/index/center.vue

@@ -24,7 +24,7 @@
       </view>
       <!--  去认证  -->
       <view style="position: absolute;z-index:2;width:55%;height:20%;top: 32%;left: 44%;">
-        <span style="font-size: 26rpx;" class="textColor">去认证</span>
+        <span style="font-size: 26rpx;" class="textColor" @click="$utils.navigateTo('/mine/authOption')">去认证</span>
       </view>
       <!--  用户信息  -->
       <view style="position: absolute;z-index:2;width:55%;height:20%;top: 60%;left: 7%;">

pages/mine/certifiedIndividual.vue

@@ -1,19 +1,121 @@
 <template>
-	<view>
-		认证个人
-	</view>
+  <view class="certified-individual">
+    <!--顶部导航栏-->
+    <navbar leftClick @leftClick="$utils.navigateBack" title="个人认证"/>
+
+
+    <!--内容区域-->
+    <view class="content">
+      <view class="title">
+        <view class="image">
+          <image src="/static/image/auth/1.svg" style="width: 100%;height: 100%"></image>
+        </view>
+        请确保二代身份证有效,并且头像文字清晰，四角对齐,无反光，无遮挡。
+      </view>
+      <view class="center">
+        <view class="avatarFace">
+          <image src="/static/image/auth/2.png" style="width: 100%;height: 100%"></image>
+        </view>
+        <view class="reverseSide">
+          <image src="/static/image/auth/2.png" style="width: 100%;height: 100%"></image>
+        </view>
+      </view>
+    </view>
+
+    <!--立即上传按钮-->
+    <view @click="nowAuth" class="bottomBtn">
+      立即认证
+    </view>
+
+    <!--立即上传按钮-->
+    <view class="agree">
+      <uv-checkbox-group v-model="checkboxValue" placement="column" size="35"
+                         activeColor="#008000" inactiveColor="#999999">
+        <uv-checkbox shape='circle' :checked="true" name="apple"
+                     :label="labelValue ? labelValue : ''" iconSize="35">
+        </uv-checkbox>
+      </uv-checkbox-group>
+      我已阅读并同意签署 <span style="color:#009dff">《人脸识别服务协议》</span>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			};
-		}
-	}
+export default {
+  data() {
+    return {
+      checkboxValue: '香蕉',
+      labelValue: '' // 如果labelValue为空，则不会显示任何内容
+    };
+  },
+  methods: {
+    nowAuth() {
+
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+.certified-individual {
+  .content {
+    padding: 40rpx;
+
+    .title {
+      display: flex;
+      font-size: 30rpx;
+
+      .image {
+        display: flex;
+        align-items: flex-start;
+        width: 10vw;
+        height: 3vh;
+      }
+    }
+
+    .center {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 150rpx;
+      margin-top: 15%;
+
+      .avatarFace {
+        width: 80vw;
+        height: 20vh;
+      }
+
+      .reverseSide {
+        width: 80vw;
+        height: 20vh;
+      }
+    }
+  }
+
+  .bottomBtn {
+    position: fixed;
+    bottom: 15%;
+    left: 25%;
+    width: 50%;
+    height: 60rpx;
+    line-height: 60rpx;
+    font-size: 30rpx;
+    color: #FFFFFF;
+    text-align: center;
+
+    border: 1px solid red;
+    background: $uni-linear-gradient-color;
+    -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
+    -webkit-text-fill-color: transparent; /*给文字设置成透明*/
+  }
 
+  .agree {
+    position: fixed;
+    bottom: 7%;
+    display: flex;
+    padding-left: 20rpx;
+    border: 1px solid red;
+  }
+}
 </style>

pages/mine/enterpriseCertification.vue

@@ -1,19 +1,26 @@
 <template>
-	<view>
-		认证法人
-	</view>
+  <view class="enterpriseCertification">
+    <!--顶部导航栏-->
+    <navbar leftClick @leftClick="$utils.navigateBack" title="企业认证"/>
+
+
+    <!--内容区域-->
+    <view class="content">
+      企业认证
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			};
-		}
-	}
+export default {
+  data() {
+    return {};
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+.enterpriseCertification {
 
+}
 </style>

static/image/auth/1.svg

@@ -0,0 +1 @@
+<svg t="1724690172904" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4261" width="32" height="32"><path d="M512 170.666667C324.266667 170.666667 170.666667 324.266667 170.666667 512s153.6 341.333333 341.333333 341.333333 341.333333-153.6 341.333333-341.333333S699.733333 170.666667 512 170.666667z m0 640c-164.266667 0-298.666667-134.4-298.666667-298.666667s134.4-298.666667 298.666667-298.666667 298.666667 134.4 298.666667 298.666667-134.4 298.666667-298.666667 298.666667z" fill="#1296db" p-id="4262"></path><path d="M512 448c-12.8 0-21.333333 8.533333-21.333333 21.333333v213.333334c0 10.666667 8.533333 21.333333 21.333333 21.333333s21.333333-8.533333 21.333333-21.333333V469.333333c0-10.666667-8.533333-21.333333-21.333333-21.333333zM512 320c-12.8 0-21.333333 10.666667-21.333333 21.333333v42.666667c0 12.8 8.533333 21.333333 21.333333 21.333333s21.333333-10.666667 21.333333-21.333333v-42.666667c0-12.8-8.533333-21.333333-21.333333-21.333333z" fill="#1296db" p-id="4263"></path></svg>