VxTransfer 收付款人信息栏

引入

import VxTransfer from '@/components/vx-transfer';

// 页面内局部引入
export default {
  components: {
    [VxTransfer.name]: VxTransfer,
  },
};
// 全局引入
Vue.component(VxTransfer.name, VxTransfer);

使用指南

<vx-transfer
  :payerName="payerName"
  :payerNum="payerNum"
  :payerBankName="payerBankName"
  :payerMoney="payerMoney"
  :payerService="payerService"
  :payee="payee"
  :payeeNum="payeeNum"
  :payeeBankName="payeeBankName"
>
  <div slot="detail">用途</div>
</vx-transfer>

API

VxTransfer Props

属性	说明	类型	默认值	备注
`payerName`	付款账户名称	`String`	-	`required`
`payerNum`	付款账号	`String`	-	`required`
`payerBankName`	付款银行名称	`String`	-	`required`
`payerMoney`	转账金额	`String/Number`	-	`required`
`payerService`	手续费	`String/Number`	-	-
`payee`	收款账户名称	`String`	-	`required`
`payeeBankName`	付款银行名称	`String`	-	`required`
`payerImg`	付款银行 logo 标识	`String`	`BOC`	-
`payeeImg`	收款银行 logo 标识	`String`	`SPDB`	-
`showTitle`	是否显示标题名（收款方/付款方）	`Boolean`	`true`	-
`payerTitle`	付款方标题名	`String`	`付款方信息`	-
`payeeTitle`	收款方标题名	`String`	`收款方信息`	-
`transText`	交易类型描述	`String`	`转账金额`	-
`isTransAmt`	是否展示交易详情描述	`Boolean`	`true`	-

payerImg和payeeImg 传入的图片名字确保在@/assets/image/bankLogo/文件下有相应 png 图片

VxTransfer Slot

detail

下方详情插槽

Current Tags

0.0.3 ... latest (3 years ago)

1 Versions

0.0.3 ... 3 years ago