Appearance
徽标
概述
一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数,通过醒目视觉形式吸引用户处理。
原则
1)不影响徽标「关联对象」的识别性;2)保证徽标与「关联对象」的成组关系;3)不破坏原有页面的框架结构
样式说明
可自定样式:支持颜色、尺寸、形状的自定义
颜色:有描边色和背景色,均支持自定义
尺寸:默认提供 S、M、L 3种尺寸,支持用户自定义尺寸
形状:支持圆形、椭圆、叶型

独立使用
不包裹任何元素即是独立使用。支持只展示小圆点、展示数字或文字。
1)小圆点:用于提示有待处理的内容,但不强调具体数字,正圆形,默认尺寸6*6
2)带数字:用于提示待处理的内容的具体条数。数字展示的极限值支持自定义,默认限制为99,超过99则显示99+,椭圆形,默认高度16px
3)文字:文字极限值支持自定义,建议不超过4个字符,默认建议使用叶子型。

组合使用
和文字,图标,头像等其他元素组合使用时,位置默认徽标位于组合对象的右上角,徽标中心点与组合对象右顶点对齐,支持徽标位置自定义。

状态点
用于表示状态的小圆点。一般和文字一起使用


