Help label 帮助提示

用于承载更多的功能描述

组件构成

Info icon

icon样式为【i】,面性图标,根据需求设置大小

蚂蚁线

吸附在元素底部,与文字行高贴底,特殊场景使用

1

2

MTL

蚂蚁线:

info icon:

Ant Line

交互说明

点击

一般搭配Tooltips、Popover、弹窗等组件,用来描述功能的注解以及搭载更多类型的文案

info:

蚂蚁线:

一般搭配Tooltips,Popover或弹窗展开功能注解

一般搭配Tooltips,Popover或弹窗展开功能注解

MTL

Ant Line

样式说明

UI样式

一般场景默认 14px

蚂蚁线的颜色为divider-antline,长度跟随文字,与文字之间没有间距。

【1】交易页面当前面性 icon 需要更换为线性 icon,蚂蚁线在交易页使用的场景不变,只更新蚂蚁线的样式

【2】在合约通知页面大量文案需要加注释时,统一使用蚂蚁线。

特殊场景适用蚂蚁线(无法判断的场景可与 DS 同学讨论)

可根据需求选择不同的颜色,一般只有以上四类颜色正在使用:icon-secondary、icon-tertiary、primary、text-white

默认建议使用 三级图标色: icon-tertiary

info与其他元素/控件的间距遵循间距规范>

遵循间距规范

MTL

注意示例



帮助提示
说明标签
辅助信息
帮助文案
提示标签

DESIGN

中文