颜色字体

颜色

主导颜色

avatar

灰阶

avataravatar

字体

字体字号

avataravatar

图片图标

占位图

avatar

应用于图片未加载状态,可根据图片比例裁切。

图标

avatar

图标尺寸为40*40px,描边为3px。一般用于结果提示页,和导航栏。

操作面板

气泡菜单

组件内容

avatar

基础形态

avatar

容器

avatar

操作选项

设计 - 图11

选择浮层

设计 - 图12

顶部浮层

设计 - 图13设计 - 图14

底部浮层

设计 - 图15设计 - 图16

侧边浮层

设计 - 图17设计 - 图18

底部标签栏

示例

设计 - 图19

布局

设计 - 图20

标签选项

设计 - 图21

顶部导航栏

原生顶部导航栏

示例

设计 - 图22

个性定制

示例

设计 - 图23

反馈

Toast

单行展示

设计 - 图24

双行展示

设计 - 图25

状态提示

设计 - 图26设计 - 图27

Dialog

弹窗属性

设计 - 图28

页面示例

设计 - 图29

Snackbar

设计 - 图30设计 - 图31

结果页面

布局

页面示例

设计 - 图32设计 - 图33设计 - 图34

组成结构

设计 - 图35设计 - 图36

列表

布局

页面示例

设计 - 图37

类型

页面示例

设计 - 图38设计 - 图39

轮播图

示例

设计 - 图40设计 - 图41

组成结构

设计 - 图42

选择

选择控件

示例

设计 - 图43设计 - 图44

选择标签

示例

设计 - 图45

提示引导

通知栏

标准示例

设计 - 图46设计 - 图47

组成结构

设计 - 图48

气泡引导

设计 - 图49设计 - 图50

全蒙层引导

标准示例

设计 - 图51设计 - 图52

组成结构

设计 - 图53