uview颜色搭配

一、字体颜色

uview 分别提炼了4种用于文字颜色，分别是：主要文字、常规文字、次要文字、占位文字颜色。 主要文字颜色一般用于内容的标题等，如新闻列表的标题
常规文字颜色一般用于内容的主体，如新闻列表的概要 次要文字颜色一般用于内容的提示部分，如新闻列表底部的时间，评论数量的提示文字
占位文字颜色属于更浅的灰色，看场景选择使用

/* 变量的定义，该部分uView已全局引入，无需您编写 */
$u-main-color: #303133;
$u-content-color: #606266;
$u-tips-color: #909399;
$u-light-color: #c0c4cc;

/* 在您编写css的地方使用这些变量 */
.title {
	color: $u-main-color;
}

二、背景色

/* 变量的定义，该部分uView已全局引入，无需您编写 */
$u-type-primary: #2979ff;
$u-type-primary-light: #ecf5ff;
$u-type-primary-disabled: #a0cfff;
$u-type-primary-dark: #2b85e4;

2、success

color: $u-type-success;
color: $u-type-success-light;
color: $u-type-success-disabled;
color: $u-type-success-dark;

3、error

color: $u-type-error;
color: $u-type-error-light;
color: $u-type-error-disabled;
color: $u-type-error-dark;

4、warning

color: $u-type-warning;
color: $u-type-warning-light;
color: $u-type-warning-disabled;
color: $u-type-warning-dark;

5、info

color: $u-type-info;
color: $u-type-info-light;
color: $u-type-info-disabled;
color: $u-type-info-dark;