更新记录
1.0.1(2020-11-02) 下载此版本
修改插件在APP上样式错位的bug
1.0.0(2020-11-02) 下载此版本
初始发布
平台兼容性
fx-amountInput组件
使用方式
在 scripts 中引用组件:
import fxAmountInput from '@/components/fx-amountInput/fx-amountInput.vue';
export default {
components: {
fxAmountInput
}
}
</script>
在 template 中引用组件:
<fx-amountInput></fx-amountInput>
<fx-amountInput :currency="currency" :fontSize="fontSize" :confirmText="confirmText" :btnColor="btnColor" :placeholder="placeholder" :maxNumber="maxNumber" :isBold="isBold" :isFilter="isFilter" @change="change" @confirm="confirm"></fx-amountInput>
属性说明:
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| currency | String | ¥ | 金额类型(默认为人民币) |
| fontSize | Number,String | 30 | 字体大小 |
| confirmText | String | 充值 | 按钮文字 |
| btnColor | String | #2B76EF | 按钮背景色 |
| placeholder | String | 请输入充值金额 | 占位符 |
| maxNumber | Number | 100000000000 | 最大输入金额 |
| isBold | Boolean | true | 输入框字体加粗 |
| isFilter | Boolean | true | 金额格式化(格式化后:9,999,999.12) |
事件说明
| 事件名称 | 说明 | 返回值 |
|---|---|---|
| change | 输入框值改变时触发的事件,实时返回输入的金额 | value |
| confirm | 点击提交按钮时触发的提交事件 | value |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 5133
赞赏 9
下载 10623159
赞赏 1792
赞赏
京公网安备:11010802035340号