iview-mpvue
  • 首页
  • 布局
    • Layout 栅格布局
    • Grid 宫格
    • Panel 面板
    • List 列表
    • Card 卡片
  • 基础组件
    • Button 按钮
    • Color 色彩
    • Icon 图标
  • 导航
    • TabBar 标签栏
    • Tabs 标签页
    • Drawer 抽屉
    • Page 分页
    • Steps 步骤条
    • NoticeBar 通告栏
    • Index 索引选择器
    • Sticky 吸顶容器
  • 操作反馈
    • ActionSheet 动作面板
    • Toast 轻提示
    • Modal 对话框
    • Message 全局提醒
    • Spin 加载中
    • Swipeout 滑动菜单
  • 视图
    • Badge 徽章
    • Alert 警告提示
    • Tag 标签
    • Progress 进度条
    • Avatar 头像
    • CountDown 倒计时
    • Divider 分隔符
    • Collapse 折叠面板
    • LoadMore 页底提示
  • 表单
    • Input 输入框
    • Radio 单选
    • Checkbox 复选
    • Switch 开关
    • Rate 评分
    • InputNumber 数字输入框
Powered by GitBook
On this page
  • 概述
  • 主色
  • 辅助色
  • 中性色

Was this helpful?

  1. 基础组件

Color 色彩

PreviousButton 按钮NextIcon 图标

Last updated 5 years ago

Was this helpful?

概述

iView 推荐使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致

主色

iView 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。

辅助色

中性色

https://weapp.iviewui.com/components/color#%E4%B8%BB%E8%89%B2weapp.iviewui.com
https://weapp.iviewui.com/components/color#%E8%BE%85%E5%8A%A9%E8%89%B2weapp.iviewui.com
https://weapp.iviewui.com/components/color#%E4%B8%AD%E6%80%A7%E8%89%B2weapp.iviewui.com