更新记录
1.0.1(2020-09-02) 下载此版本
- 单位增加可以放置于金额后面的配置
- 字体文件放迁移到组件目录下
1.0.0(2020-09-01) 下载此版本
- 上传插件
平台兼容性
CN-MONEY 插件
组件名:
cn-money
,代码块: cnMoney。
cn-money 组件一般封装金额的显示方式,用于金额、价格格式化显示等,可以转换为人民币大写显示
平台差异说明
如无特殊说明,则全平台支持
组件使用注意事项
为了避免错误使用,给大家带来不好的开发体验,请在使用组件前仔细阅读下面的注意事项,可以帮你避免一些必要的错误使用。
- 组件内部没有依赖其它组件
- 在
HBuilderX
低版本中,可能会出现组件显示不正常的问题,请升级最新的HBuilderX
或者cli
- 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,联系 gxyxd@qq.com
基本用法
<!-- 默认显示 -->
<cn-money :money="52013.14"></cn-money>
<!-- 加大主字体 -->
<cn-money :money="9168.45" :size="48"></cn-money>
<!-- 改变颜色 -->
<cn-money :money="4168.25" :size="38" color="#9397a4"></cn-money>
<!-- 删除线 -->
<cn-money :money="7168.39" color="#9397a4" original></cn-money>
<!-- 千分位 -->
<cn-money :money="16852013.14" thousandth></cn-money>
<!-- 人民币大写 -->
<cn-money :money="502.00" rmb></cn-money>
import cnMoney from '@/components/cn-money/cn-money.vue';
export default {
components: {
cnMoney
},
data() {
return {}
}
}
cn-money 属性说明
cnMoney 属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
money | Number | 0 | 显示的金额 |
padding | String | 0 | 内边框 |
margin | Number | 0 | 外边框 |
size | Number | 28 | 主文字大小,单位rpx |
color | String | #e41f19 | 字体颜色 |
unit | String | ¥ | 金额单位 |
showUnit | Boolean | true | 是否显示金额单位 |
unitPosition | String | left | 单位显示位置,left或right,只有showUnit为true时有效,right的时候¥自动转为元 |
showZeroDecimal | Boolean | true | 金额小数为零时是否显示 |
thousandth | Boolean | false | 是否显示千分位 |
original | Boolean | false | 是否显示删除线 |
rmb | Boolean | false | 是否转换为人民币大写 |
cn-money 事件说明:
事件称名 | 说明 | 返回参数 |
---|