Skip to content

Number 数字

数字展示组件,支持前后缀、千分位、趋势指示。

基础用法

vue
<template>
  <parrot-number :value="1234" />
  <parrot-number :value="99.5" :precision="1" suffix="%" />
</template>

千分位

vue
<parrot-number :value="1234567" thousand-separator />
<parrot-number :value="9876.54" :precision="2" thousand-separator prefix="¥" />

趋势

vue
<parrot-number :value="12.5" suffix="%" trend="up" />
<parrot-number :value="3.2" suffix="%" trend="down" />

API

Props

属性类型默认值说明
valuenumber0数值
prefixstring''前缀
suffixstring''后缀
precisionnumber0小数位
thousandSeparatorbooleanfalse千分位
sizestring'md'尺寸
trendstring''趋势:up/down

Released under the MIT License.