mand-mobile/components/amount/README.md

A Vue.js 2.0 Mobile UI Toolkit

---
title: Amount 金融数字
preview: https://didi.github.io/mand-mobile/examples/#/amount
---

金融数字，一般用于金额，数量等

### 引入

```javascript
import { Amount } from 'mand-mobile'

Vue.component(Amount.name, Amount)
```

### 提示

组件中使用字体`DINPro-Medium`仅用于案例展示，如有必要可重置`.md-amount`的`font-family`

### 代码演示
<!-- DEMO -->

### API

#### Amount Props
|属性 | 说明 | 类型 | 默认值 | 备注 |
|----|-----|------|------|------|
|value|数值|Number|`0`|-|
|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`|