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 | 
 Mand Mobile
 Mand Mobile