Ecard 电子卡券
电子卡券组件,用于卡券展示与操作
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-ecard />。
API
Ecard Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| cardNo | string | '' | - | Y |
| balance | number | 0 | - | Y |
| faceValue | number | 0 | - | Y |
| expireDate | string | '' | - | Y |
| image | string | '' | - | Y |
| customStyle | string | '' | 自定义样式 | Y |
| modelValue | number | 0 | - | N |
| list | Array<UTSJSONObject> | as Array<UTSJSONObject> | - | N |
| chooseText | string | '' | - | N |
| showOther | boolean | true | - | N |
| otherValueText | string | '' | - | N |
| placeholder | string | '' | 占位提示文字 | N |
| suffix | string | '¥' | - | N |
| cardAmountMin | number | 1 | - | N |
| cardAmountMax | number | 9999 | - | N |
| showStep | boolean | true | - | N |
| cardBuyMin | number | 1 | - | N |
| cardBuyMax | number | 9999 | - | N |
Ecard Events
| 名称 | 参数 | 描述 |
|---|---|---|
| click | - | 点击时触发 |
| use | - | - |
| update:modelValue | value: number | 值更新时触发 |
| update | value: number | - |
| change | value: UTSJSONObject | 值变化时触发 |
| inputChange | value: string | - |
| changeStep | count: number, value: number | - |
| inputClick | - | - |
Ecard Slots
| 名称 | 描述 |
|---|---|
| - | - |
