跳到内容
WaperDesign
品牌组件
EN
组件目录

基础规范

颜色字体与字号间距与尺寸圆角阴影与边框动效图标焦点

基础组件

按钮徽章输入框与文本域搜索框下拉选择开关、勾选、单选分段与标签页筛选片头像进度、骨架屏与转圈提示条空状态卡片列表行页头与分节标题键值面包屑与返回表格键盘提示与字标

浮层交互

菜单与二级菜单右键菜单弹层、tooltip 与展开的下拉对话框与确认对话框抽屉Toast 与加载→完成

WAPER / UI

筛选片

紧凑的筛选胶囊,选中状态清晰,窄屏可以横向滚动。

亮色

正在加载预览…

暗色

正在加载预览…

Waper Design

有个性,也有章法。

认识 Waper ↗
默认
悬停(示意)
选中
键盘聚焦(示意)
禁用
带图标
一排筛选(选一个)

选中的筛选片用墨色实底,不用信号色。

默认
悬停(示意)
选中
键盘聚焦(示意)
禁用
带图标
一排筛选(选一个)

选中的筛选片用墨色实底,不用信号色。