Ecard 电子卡券

电子卡券组件,用于卡券展示与操作

演示

9:41

代码示例

<re-ecard ref="ecardRef" :modelValue="money" :list="dataList" @update:modelValue="onModelUpdate" @update="onUpdate" @change="onChange" @inputChange="onInputChange" @changeStep="onStepChange" @inputClick="onInputClick" ></re-ecard>

引入

推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-ecard />。

API

Ecard Props

名称类型默认值描述必传
cardNostring''-Y
balancenumber0-Y
faceValuenumber0-Y
expireDatestring''-Y
imagestring''-Y
customStylestring''自定义样式Y
modelValuenumber0-N
listArray<UTSJSONObject> as Array<UTSJSONObject>-N
chooseTextstring''-N
showOtherbooleantrue-N
otherValueTextstring''-N
placeholderstring''占位提示文字N
suffixstring'¥'-N
cardAmountMinnumber1-N
cardAmountMaxnumber9999-N
showStepbooleantrue-N
cardBuyMinnumber1-N
cardBuyMaxnumber9999-N

Ecard Events

名称参数描述
click-点击时触发
use--
update:modelValuevalue: number值更新时触发
updatevalue: number-
changevalue: UTSJSONObject值变化时触发
inputChangevalue: string-
changeStepcount: number, value: number-
inputClick--

Ecard Slots

名称描述
--