<template>
  <div class="bank">
    <van-cell-group>
      <van-field
        v-model="form.bank"
        label="所属银行"
        right-icon="arrow"
        placeholder="请选择"
        size="large"
        readonly
      />
      <van-field
        v-model="form.bankCardId"
        type="number"
        label="银行卡卡号"
        placeholder="请输入"
        size="large"
      />
      <van-field
        v-model="form.name"
        label="姓名"
        placeholder="请输入"
        size="large"
      />
    </van-cell-group>
    <van-button type="primary" block class="btn" size="large">编辑</van-button>
  </div>
</template>

<script>
export default {
  name: "Bank",
  data() {
    return {
      form: {
        bank: "",
        bankCardId: "",
        name: ""
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.bank {
  padding: 10px 16px;
}
.van-cell-group {
  border-radius: 4px;
}
.btn {
  margin-top: 20px;
}
::v-deep .van-field__control {
  text-align: right;
}
</style>
