Amount
Financial figures, generally used for amounts, quantities, etc
Import
import { Amount } from 'mand-mobile-next'
Vue.createApp().component(Amount.name, Amount)
Tips
The font DIDIFD-Medium
is used in the component for the case show only, if necessary, reset font-family
of .md-amount
.
Code Examples
API
Amount Props
Props | Description | Type | Default | Note |
---|---|---|---|---|
value | - | Number | - | |
precision | - | Number | 2 | length of decimal part |
is-round-up | number round off | Boolean | true | - |
has-separator | insert thousand separators | Boolean | false | - |
separator | thousand separator | String | , | - |
is-capital | convert to chinese capital | Boolean | false | - |
transition | use transition when value changes | Boolean | false | - |
duration | transition duration | Number | 1000 | unit ms |
unit | amount of symbols | String | ||
reverse | after the amount symbol position | Boolean | false |