Skip to content

设计规范

提示

  • 行高
  • 块级元素判定
  • icon

Color 色彩

  • 类型颜色:至少5种类型,分别为主题色、成功、失败、警告、提示及其对应的不同梯度、禁用的色值
  • 文字颜色,至少4种
    • 主要(参考:#333)
    • 常规(参考:#666)
    • 次要(参考:#999)
    • 占位(参考:#ccc)
  • 背景颜色:目前用的是 #f3f4f6
  • 边框颜色(针对1px边框问题的全局定义),可细分应用场景,如表单中的项间分隔、列表项间分隔等

Button 按钮

  • 基于Color的类型颜色
  • 尺寸大小(大中小多种维度,是否定宽/固定内间距文字自适应)
  • 圆/直角
  • 镂空态
  • 点击态
  • 禁用态

Icon 图标

逐步更新

Input 输入框

Form 表单

Search 搜索

NumberBox 步进器

VerificationCode 验证码倒计时

Checkbox 复选框

Radio 单选框

Switch 开关选择器

Model 模态窗

tabs 标签

Empty 内容为空

loadMore 加载更多