Amount 金融数字
金融数字,一般用于金额,数量等
引入
import { Amount } from 'mand-mobile-next'
Vue.createApp().component(Amount.name, Amount)
TIP
组件中使用字体DIDIFD-Medium
仅用于案例展示,如有必要可重置.md-amount
的font-family
代码演示
API
Amount Props
属性 | 说明 | 类型 | 默认值 | 备注 |
---|---|---|---|---|
value | 数值 | Number | ||
precision | 数字精度 | Number | 2 | 小数点后保留几位 |
is-round-up | 数字精度取舍是否四舍五入 | Boolean | true | |
has-separator | 数字是否有千位分隔符 | Boolean | false | |
separator | 数字千位分隔符 | String | , | |
is-capital | 数字是否转换为大写中文 | Boolean | false | |
transition | 数字变化是否使用动画 | Boolean | false | |
duration | 数字变化动画时长 | Number | 1000 | 单位ms |
unit | 金额符号 | String | ||
reverse | 是否置后金额符号位置 | Boolean | false |