跳到主要内容

流程选择

流程规则模块的选择和显示。

CoDesign 设计稿


交互状态

5 种交互状态:EnabledHoverFocusSelectedRead Only

交互区域:当鼠标操作整个选项区块的区域,都会触发交互事件。

警告

请勿将鼠标交互区域仅应用在Radio组件区域,这会导致增加用户的操作选择成本。

设计布局

瀑布流展示。

数据过多

大于 3 条数据时,显示 展开更多 (2) 按钮,点击后显示 收起 按钮。

展开更多 (2) 按钮括号内应提示用户多少条数据。

自适应规则

内容根据容器宽度自适应,超过最大宽度,文本内容换行显示。

抽屉

设计指南

  • 根据流程规则类型的不同,可以通过不同颜色的标签来进行区分,增加卡片信息的可读性。

文案指南

  • 流程描述文案格式:1.售后换货申请 - 2.售后换货单审核