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


注意示例

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