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

<template>
  <view class="addBankCard">
    <!--顶部导航栏-->
    <navbar leftClick @leftClick="$utils.navigateBack" title="推广详情"/>

    <!--添加银行卡页面-->
    <view class="addBankCard-container">
      <view class="addBankCard-title">为保证您的资金安全，请绑定账户本人的银行卡</view>
      <view class="cardNumberTitle">
        <view >卡号</view>
        <view>
          <uv-icon name="camera" color="#2979ff" size="28"></uv-icon>
        </view>

      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style lang="scss" scoped>
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.addBankCard {
  padding: 20rpx;

  .addBankCard-title{
    color:#C6C7CB;
  }

  .addBankCard-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }

  .cardNumberTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10rpx;
    width: 100%;
    height: 20%;
    box-sizing: border-box;
  }
}
</style>