更新记录

1.0.1(2020-09-02) 下载此版本

  1. 单位增加可以放置于金额后面的配置
  2. 字体文件放迁移到组件目录下

1.0.0(2020-09-01) 下载此版本

  1. 上传插件

平台兼容性

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 事件说明:

事件称名 说明 返回参数

插件预览地址

京帮帮商城

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
aliang888

2024-06-01

这个好,商城类必须要用,感谢作者

春风十里不如春

2023-09-07

感谢分享,考虑支持下nvue吗

652***@qq.com

2022-11-12

为什么显示报错的,价格没有显示出来Invalid prop: type check failed for prop "money". Expected Number with value 479, got String with value "479.00".

898***@qq.com

2022-07-16

为什么微信小程序不显示呢

gxy***@qq.com 2022-07-16

暂时不支持小程序

898***@qq.com 2022-07-16

好的,老哥,感谢

422***@qq.com

2021-01-25

千分位APP显示有问题,可以用正则替换 this.moneyData.replace(/(\d{1,3})(?=(\d{3})+(?:$|.))/g,'$1,')

gxy***@qq.com 2021-01-25

感谢反馈

591***@qq.com

2020-11-24

感谢分享

101***@qq.com

2020-09-13

NVUE 不支持呀

gxy***@qq.com 2020-09-14

目前暂时不支持

gxy***@qq.com

2020-09-02

好东西就是拿来分享的

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问