更新记录
1.0.6(2024-04-15) 下载此版本
兼容负数金额情况
1.0.5(2024-04-09) 下载此版本
微调
1.0.4(2024-04-08) 下载此版本
千分位bug修复
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.11 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | × | × | × | × |
tf-money
- 组件作用
- 金额,价格格式化显示,阿拉伯数字金额转为人民币大写
- 组件引用例子
`
<template>
<view class="content">
<!-- 千分位 -->
<TfMoney :money="16852013.14" :showUnit='false' thousandth></TfMoney>
</view>
</template>
<script>
import TfMoney from '../../uni_modules/tf-money/components/tf-money/tf-money.vue'
export default {
components:{
TfMoney
}
}
</script>
<style>
</style>
`
- 组件属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
money | Number | 0 | 显示的金额 |
padding | String | 0 | 内边框 |
margin | Number | 0 | 外边框 |
size | Number | 28 | 主文字大小,单位rpx |
color | String | #eeeeee | 字体颜色 |
unit | String | ¥ | 金额单位 |
showUnit | Boolean | true | 是否显示金额单位 |
unitPosition | String | left | 单位显示位置,showUnit为true是有效,有效值:left/right,right时¥自动转为元 |
showZeroDecimal | Boolean | true | 金额小数位零时是否显示 |
thousandth | Boolean | false | 是否显示千分位 |
original | Boolean | false | 是否显示删除线 |
rmb | Boolean | false | 是否转换为人民币大写 |