统计数值 Statistic​

Skip to contentVue Amazing UISearchK Main Navigation 🔥 组件🛠️ 工具✨ 赞助🔗 链接GithubCSDNAI Coding KitFront-end NotesVueTypeScriptViteLessVitePressMarkdownAppearance

MenuReturn to top Sidebar Navigation 指引特性

快速上手

按需引入

定制主题

更新日志

组件警告提示 Alert

自动完成 AutoComplete

头像 Avatar

回到顶部 BackTop

徽标 Badge

面包屑 Breadcrumb

按钮 Button

日历 Calendar

卡片 Card

轮播图 Carousel

级联选择 Cascader

复选框 Checkbox

折叠面板 Collapse

颜色选择器 ColorPicker

全局化配置 ConfigProvider

倒计时 Countdown

日期选择 DatePicker

描述列表 Descriptions

对话框 Dialog

分割线 Divider

抽屉 Drawer

文本省略 Ellipsis

空状态 Empty

弹性布局 Flex

浮动按钮 FloatButton

渐变文字 GradientText

栅格 Grid

高亮文本 Highlight

图片 Image

输入框 Input

数字输入框 InputNumber

搜索框 InputSearch

列表 List

加载条 LoadingBar

全局提示 Message

模态框 Modal

通知提醒 Notification

数值动画 NumberAnimation

分页 Pagination

弹出确认 Popconfirm

气泡卡片 Popover

进度条 Progress

二维码 QRCode

单选框 Radio

评分 Rate

结果 Result

滚动条 Scrollbar

分段控制器 Segmented

选择器 Select

骨架屏 Skeleton

滑动输入条 Slider

间距 Space

加载中 Spin

统计数值 Statistic

步骤条 Steps

触摸滑动 Swiper

开关 Switch

表格 Table

标签页 Tabs

标签 Tag

文本域 Textarea

文字滚动 TextScroll

时间轴 Timeline

文字提示 Tooltip

上传 Upload

播放器 Video

瀑布流 Waterfall

水印 Watermark

On this page统计数值 Statistic ​展示统计数值

何时使用 ​当需要突出某个或某组数字时当需要展示带描述的统计类数据时使用基本使用 ​Show Codevue添加前缀和后缀 ​Show Codevue

在卡片中使用 ​Show Codevue

自定义数值样式 ​Worth$1,600,000/ 天Show Codevue设置数值精度 ​Precision100,000,000.10Show Codevue自定义分隔符 ​Precision100;000;000.100Show Codevue自定义数值展示 ​Formatter1年有 365 天Show Codevue

APIs ​Statistic ​参数说明类型默认值title数值的标题stringundefinedvalue数值的内容string | number | slotundefinedvalueStyle设置数值的样式CSSProperties{}precision数值精度number0prefix设置数值的前缀string | slotundefinedsuffix设置数值的后缀string | slotundefinedseparator设置千分位标识符string,formatter自定义数值展示Function(value: string) => valueSlots ​名称说明类型title自定义数值的标题v-slot:titledefault自定义数值的内容v-slot:defaultprefix自定义数值的前缀v-slot:prefixsuffix自定义数值的后缀v-slot:suffix 在 GitHub 上编辑此页面最后更新于:

PagerPrevious page加载中 SpinNext page步骤条 StepsReleased under the MIT License.

Copyright © 2023-present the Muse Catcher