空态 Empty State · 方案对比

对齐三墙 Token(品牌绿 #0a9f6d)。选定后将统一到 mobile-h5/components/van-empty,主页 / 列表 / 组件演示页共用。

A

现状 · 符号空态

当前 ∅ 实现

中科兴皖 · 移动工作台
功能菜单
功能菜单共 0 项
∅
暂无可用菜单权限
简洁但偏弱,辨识度一般,不建议作为全局定稿。
B

虚线软卡 · 推荐

对齐 vant Demo 组件区

中科兴皖 · 移动工作台
功能菜单
功能菜单共 0 项
暂无可用菜单权限
请联系管理员开通功能入口
薄荷绿渐变虚线框 + 圆形插画 + 主副文案,适合作为全局默认空态。
C

极简徽章

圆角图标底板

中科兴皖 · 移动工作台
功能菜单
功能菜单共 0 项
暂无可用菜单权限
留白多、视觉轻;适合卡片内嵌,副文案可选。
D

大麦黄点缀

辅助色圆环

中科兴皖 · 移动工作台
功能菜单
功能菜单共 0 项
暂无可用菜单权限
当前角色暂无功能入口
更醒目,适合「权限不足 / 需关注」类提示;日常空列表可能略抢眼。
E

横向紧凑

列表矮空态变体

中科兴皖 · 移动工作台
待办列表
待办列表0 条
暂无数据
可下拉刷新或调整筛选条件
图标与文案横排,适合列表矮区域;可与 B/C 主样式通过 layout 属性切换。
建议:全局默认选 B 或 C;列表矮场景可加 E 作为变体。 选定后改 van-empty 一处,主页 / demo 列表 / 组件页自动一致。