edit | blame | history | raw

NumberInfo 数据文本

常用在数据卡片中,用于突出展示某个业务数据。

引用方式:

import NumberInfo from '@/components/NumberInfo'

export default {
    components: {
        NumberInfo
    }
}

代码演示 demo

<number-info
    :sub-title="() => { return 'Visits this week' }"
    :total="12321"
    status="up"
    :sub-total="17.1"></number-info>

API

参数 说明 类型 默认值

title | 标题 | ReactNode|string | -
subTitle | 子标题 | ReactNode|string | -
total | 总量 | ReactNode|string | -
subTotal | 子总量 | ReactNode|string | -
status | 增加状态 | 'up | down' | -
theme | 状态样式 | string | 'light'
gap | 设置数字和描述之间的间距(像素)| number | 8