已采用 B;点击可切换对比其他方案
方案 A · 柔和圆底 + SVG 清单图标
保留「圆底」结构,补上可识别图形与标题/说明/主按钮。选型时备选,未采用。
方案 B · 插画风文件夹(已采用)
用 CSS 拼出文件夹,品牌绿更明显。对应实现:mp-empty + mp-biz.scss / shanxia-mp-base.css 中的 .mp-empty__*。
方案 C · 极简线条
单色 stroke 图标,信息密度最低。适合「搜索无结果」或希望页面更安静的场景。
方案 D · 虚线卡片容器
把空态放进虚线面板,CTA 更突出。适合「尚未创建任何数据,引导新增」的首次空态。
场景:列表无数据
暂无产品分类
还没有分类数据,可先新增一个顶级分类
场景:列表无数据
暂无产品分类
分类树为空,创建后即可在产品中引用
场景:搜索无结果
未找到相关分类
试试更短的关键词,或清除筛选后查看全部
场景:首次引导创建
+
还没有产品分类
建议先建一级分类(如原料、助剂),再按需添加子类