个人认证页面

pages/mine/authOption.vue

@@ -0,0 +1,72 @@
+<template>
+  <view class="authOption">
+    <!--顶部导航栏-->
+    <navbar leftClick @leftClick="$utils.navigateBack" title="认证选择"/>
+
+
+    <!--内容区-->
+    <view class="content">
+      <view class="btns">
+        <view>
+          <button @click="personAuth" class="bottomBtn">
+            个人认证
+          </button>
+        </view>
+        <view>
+          <button @click="firmAuth" class="firmBtn">
+            企业认证
+          </button>
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {
+    personAuth() {
+      this.$utils.navigateTo('/mine/certifiedIndividual')
+    },
+    firmAuth() {
+      this.$utils.navigateTo('/mine/enterpriseCertification')
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.authOption {
+  .content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 50%;
+
+
+    .btns {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 50rpx;
+
+      .bottomBtn {
+        width: 50vw;
+        color: #ffffff;
+        background: linear-gradient(to right, #3c69f1, #5f3bf5);
+      }
+
+      .firmBtn {
+        width: 50vw;
+        bordr-radius: 20rpx;
+        border:1px solid black;
+      }
+    }
+  }
+}
+</style>