welfare-admin/src/components/NumberInfo/index.md

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