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

PropsDescriptionTypeDefaultNote
value-Number-
precision-Number2length of decimal part
is-round-upnumber round offBooleantrue-
has-separatorinsert thousand separatorsBooleanfalse-
separatorthousand separatorString,-
is-capitalconvert to chinese capitalBooleanfalse-
transitionuse transition when value changesBooleanfalse-
durationtransition durationNumber1000unit ms
unitamount of symbolsString
reverseafter the amount symbol positionBooleanfalse