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