六、数据格式

2024/3/28 vue

规范数据表达,保证直观准确一致地理解数据。

# 6.1 数值

规范数据表达,保证直观准确一致地理解数据。

符号格式 如何使用及何时使用 例子
千分位 默认使用千分位帮助用户阅读。 123,220
计量单位 计量单位默认用小写字母。 123,220kg
百分比 比例问题等。 12.32%
正斜杠 用分数的形式表示事项进展。 12/30

位置排列:便于用户直观而又准确地读取数据,要做到一眼观定、简洁明了。在表格中,诸如金额、数量等数值分布排列时,通常采用“右对齐”方式,既方便用户快捷读取数据,还可以使用户进行纵向数据对比。

计量单位:在表格中,计量单位默认放在表头,并默认右对齐。

# 6.2 金额

小写金额: 规范格式为「货币符号+数字」的格式,例如“CNY1,123.00"。 货币符号:表示货币种类的符号代码(货币符号表 (opens new window)),分为字母和字符两种:

货币符号 如何使用及何时使用 例子
字符 以人民币为例,金额前带货币单位标志¥ ¥123.00
字母 以人民币为例,推荐使用 CNYCNY 为国际上通用的货币代码。 CNY123.00

大写金额: 一般用于银行、公司或个人的重要结算凭证和各种交易票据,需要使用大写数字以确保数据无法涂改,规范格式为「货币名称+金额数字」。

大额计量: 如果一个数值很大,那么数值中的“万”“亿”单位可采用汉字。

# 6.3 相对时间

时间的精确度对于用户并不十分重要,重要的是信息的即时性。在中后台中,相对时间一般用于消息、通知类功能,用户往往更关注于书面形式的时间单位,而不必去往前推算出发布的具体时间点。

时间 展示形式
1 分钟以内的时间 刚刚
1 小时以内的时间 N 分钟前
24 小时以内的时间 N 小时前
24 小时以外的时间 用 mm-dd HH:mm 的形式表示,即 12-08 08:00
超过一年的时间 用 yyyy-mm-dd HH:mm 的形式表示,即 2019-12-08 08:00

# 6.4 数据状态

无数据用 -- 表述:

数据加载用「骨架屏」表示: