N Nexus UI Component Library
v3.0
陈
由页面以纯 HTML 打开并书写内容。 ========================================================================= -->
数据展示 / 06

统计数字 · 评分

让数字本身成为主角:KPI 指标卡与进场数字动画、活动倒计时(数字版 / 文字版)、金额翻牌、只读与可交互的星级评分,以及成组的描述列表。

KPI 指标卡 · 数字动画

.kpi / [data-count]
总营收
0
12.4% vs 上月
活跃用户
0
8.1% vs 上周
转化率
0%
1.8% vs 上周
平均客单价
0
4.6% vs 上月
压缩单位(万 / 亿)
累计交易额
0
覆盖城市
0
带小数位
平均响应时间
0 ms
服务可用性
0 %
环比变化
订单量6.8%
退款率0.08%
客单价4.6%
获客成本2.3%

倒计时

[data-countdown]
秒杀场次 · 数字版
距本场秒杀结束
Flash Sale

每整点开抢一场,售完为止。

参与商品
128
折扣力度
5 折
预估库存
4,820
订购剩余时间 · 文字版
团队版试用期剩余 —
优惠券有效期剩余 —
发票开具时效剩余 —

数字版自动渲染为等宽数字块;加 data-countdown-mode="text" 输出「天 时:分:秒」文本。

数字翻牌

[data-flip]
累计注册用户
0
今日新增订单
0
已处理工单
0
当前在线人数
0

翻牌数字在进入页面时从 0 递增到目标值(900 ms 缓动),适合大屏与数据看板首屏。

评分星级

.stars / [data-rate]
只读展示
综合评分 4.2 / 5
物流时效 5.0 / 5
客服态度 3.4 / 5
评价总数18,204 条
好评率96.4%
带图评价4,182 条
可交互评分(点击星星打分)
商品符合度
0.0
物流服务
0.0
客服响应
0.0

描述列表

.desc
订单详情
订单编号#NX-24891
下单时间2026-10-03 09:24:18
客户陈思远 · 138****2041
收货地址上海市徐汇区漕溪北路 331 号 12 层
支付方式微信支付(已支付)
订单金额¥ 1,284.00
订单状态已发货
服务实例
实例名称order-service-7f8c
镜像版本v2.4.1-20261003
运行区域华东 2 区 · 可用区 B
规格4C 8G · 100GB SSD
健康检查通过(延迟 12 ms)
启动时间2026-09-28 04:12:00