pay-video-applet-uniapp-24-8-22/pages/mine/authOption.vue

<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?type=person')
    },
    firmAuth() {
      this.$utils.navigateTo('/mine/certifiedIndividual?type=firm')
    },
  },

}
</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>