UI组件库

UI组件库-常用功能思维导图，简单、便捷、易操作，有按钮、表单、交互反馈、表格、图片、字体、色彩、图标、图表、侧边栏等。

UI组件库

• 按钮
  • 按钮类型
    • 边框+图标+文字型
    • 图标+文字型
    • 文字型
    • 图标型
  • 按钮状态
    • 常规
    • 悬停
    • 激活
    • 禁用
  • 下拉按钮
    • 文字+向下箭头
• 表单
  • 常规输入框
    • 常规
    • 悬停
    • 激活
    • 不可输入
    • 输入错误
    • 必填项
  • 下拉框
    • 常规
    • 悬停
    • 激活
    • 选中后
  • 日期下拉框
    • 常规
    • 选中
    • 已选
    • 禁用
• 交互反馈
  • Alert警告提示（手动关闭）
    • 成功
    • 错误
    • 警告
    • 内容
  • Message全局提示（自动关闭）
    • 成功
    • 错误
    • 警告
    • 内容
  • Modal弹窗
    • 二次确认
    • 带图标类型
• 表格
  • 常规预览
  • 开启选择
  • 排序/筛选/搜索
  • 固定列
  • 拖拽排序
• 图片
  • 点击全屏预览
  • 点击多图预览
  • 额外操作
  • 错误状态
• 字体、色彩
  • 最小12px、最大36px
  • 主题色为主，辅助色为辅
• 图标
  • 个性（毛玻璃质感）
  • 多色
  • 填充
  • 线性
• 图表
  • Progress进度条
  • 圆饼比例图
  • 条形或柱状统计图
• 侧边栏
  • 固定抽屉
  • 迷你抽屉
• Top导航
  • 主题皮肤
• 设计原则
  • 及时反馈
    • 输入框结束，内联检测
  • 系统一致性
    • 操作按钮提交类
  • 错误帮助
    • 错误信息语言表达
  • 遵循习惯
    • 填完表单，下一步
  • 突出重点
    • 表达信息重点突出
  • 人性化帮助
    • 帮助性提示
  • 明确的标签及提示
  • 辅助提示
  • 输入提示
  • 字段输入完成后再进行内联验证
  • 提供即时保存
• 描述列表
  • 单列样式
  • 标签文本对齐
  • 带边框展示
  • 不同排列展示
    • 行内水平排列
    • 水平排列
    • 垂直排列
    • 行内垂直排列