栅格布局
基本用法
显示代码
按钮
基本用法
空心按钮
禁用状态
空心按钮禁用状态
按钮尺寸
显示代码
单选框
基本用法
禁用
显示代码
复选框
基本用法
多选框组
显示代码
输入框
基本用法
可清空
复合型输入框
Http://
.com
label组合输入框
名称
显示代码
计数器
基本用法
尺寸
显示代码
选择器
基本用法
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
禁用
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
可搜索
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
多选
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
显示代码
级联选择器
基本用法
显示代码
开关
基本用法
文字描述
禁用状态
显示代码
滑块
基本用法
默认
自定义初始值
隐藏 Tooltip
显示代码
时间选择器
基本用法
显示代码
日期选择器
基本用法
时间段
至
显示代码
上传
单图上传
多图上传
文件上传
将文件拖到此处，或点击上传
显示代码
穿梭框
基本用法
显示代码
表单
基本用法
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
  • 选项一
  • 选项二
  • 选项三
  • 选项四
  • 选项五
显示代码
表格
基本用法
可排序
批量多选表格
多选可控表格
表格内容自定义
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
显示代码
标签
基本用法
标签一 标签二 标签三 标签四 标签五
尺寸
默认标签 中等标签 小型标签 超小标签
显示代码
进度条
基本用法
百分比内显
显示代码
树型控件
基本用法
可选择
显示代码
骨架屏
基本用法
段落数量
动画效果
显示代码
空状态
基本用法

无数据

显示代码
加载
基本用法
显示代码
消息提示
基本用法
显示代码
消息弹窗
基本用法
显示代码
标签页
基本用法-上下
用户管理
配置管理
角色管理
定时任务补偿
用户管理
配置管理
角色管理
定时任务补偿
基本用法-左右
用户管理
配置管理
角色管理
定时任务补偿
用户管理
配置管理
角色管理
定时任务补偿
卡片类型-上下
用户管理
配置管理
角色管理
定时任务补偿
用户管理
配置管理
角色管理
定时任务补偿
卡片类型-左右
用户管理
配置管理
角色管理
定时任务补偿
用户管理
配置管理
角色管理
定时任务补偿
显示代码
步骤条
基本用法
1
步骤1
描述
2
步骤2
描述
3
步骤3
描述
显示代码
对话框
基本用法
这是一段信息
显示代码
气泡弹出框
基本用法
显示代码
气泡确认框
基本用法
显示代码
卡片
基本用法
卡片头部
内容代码
卡片底部
卡片阴影
总是显示
悬停显示
不显示
显示代码
折叠面板
基本用法
一致性 Consistency
与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
反馈 Feedback
控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
效率 Efficiency
简化流程：设计简洁直观的操作流程；
手风琴效果
一致性 Consistency
与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
反馈 Feedback
控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
效率 Efficiency
简化流程：设计简洁直观的操作流程；
显示代码
时间线
基本用法
  • 内容1
    2018-04-11
  • 内容2
    2018-04-10
  • 2018-04-11

    标题

    内容

  • 标题

    内容

    2018-04-10
显示代码
分割线
基本用法
第一行
第二行
设置文案
第一行
左侧文案
第二行
第三行
右侧文案
第四行
垂直分割
第一列
第二列
第三列
显示代码
日历
基本用法
显示代码
回到顶部
基本用法
右下角按钮返回顶部
UP
显示代码
抽屉
基本用法
我是标题
显示代码
列表页面搜索
基本用法
名称
游戏分组
推广员ID
类型
  • 个人
  • 企业
支付方式
  • 网银
  • 支付宝
  • 微信
支付时间
订单日期
至
时间
显示代码
列表页面表格
基本用法
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
2016-05-03
测试
  • 20条/页
  • 50条/页
  • 100条/页
    前往
    页
    显示代码
    详情页表单
    基本用法
    • 固定分成方式
    • 累计金额充值方式
    显示代码
    表单校验方法
    显示代码
    数据交互
    显示代码
    开发中。。。
    基本用法