143 lines
3.8 KiB
Plaintext
143 lines
3.8 KiB
Plaintext
// 公共前缀
|
|
@prefix: t;
|
|
|
|
@primary-color-1: #ecf2fe;
|
|
@primary-color-2: #d4e3fc;
|
|
@primary-color-3: #bbd3fb;
|
|
@primary-color-4: #96bbf8;
|
|
@primary-color-5: #699ef5;
|
|
@primary-color-6: #4787f0;
|
|
@primary-color-7: #266fe8;
|
|
@primary-color-8: #0052d9;
|
|
@primary-color-9: #0034b5;
|
|
@primary-color-10: #001f97;
|
|
|
|
@warning-color-1: #fef3e6;
|
|
@warning-color-2: #f9e0c7;
|
|
@warning-color-3: #f7c797;
|
|
@warning-color-4: #f2995f;
|
|
@warning-color-5: #ed7b2f;
|
|
@warning-color-6: #d35a21;
|
|
@warning-color-7: #ba431b;
|
|
@warning-color-8: #9e3610;
|
|
@warning-color-9: #842b0b;
|
|
@warning-color-10: #5a1907;
|
|
|
|
@error-color-1: #fdecee;
|
|
@error-color-2: #f9d7d9;
|
|
@error-color-3: #f8b9be;
|
|
@error-color-4: #f78d94;
|
|
@error-color-5: #f36d78;
|
|
@error-color-6: #e34d59;
|
|
@error-color-7: #c9353f;
|
|
@error-color-8: #b11f26;
|
|
@error-color-9: #951114;
|
|
@error-color-10: #680506;
|
|
|
|
@success-color-1: #e8f8f2;
|
|
@success-color-2: #bcebdc;
|
|
@success-color-3: #85dbbe;
|
|
@success-color-4: #48c79c;
|
|
@success-color-5: #00a870;
|
|
@success-color-6: #078d5c;
|
|
@success-color-7: #067945;
|
|
@success-color-8: #056334;
|
|
@success-color-9: #044f2a;
|
|
@success-color-10: #033017;
|
|
|
|
@gray-color-1: #f3f3f3;
|
|
@gray-color-2: #eeeeee;
|
|
@gray-color-3: #e7e7e7;
|
|
@gray-color-4: #dcdcdc;
|
|
@gray-color-5: #c5c5c5;
|
|
@gray-color-6: #a6a6a6;
|
|
@gray-color-7: #8b8b8b;
|
|
@gray-color-8: #777777;
|
|
@gray-color-9: #5e5e5e;
|
|
@gray-color-10: #4b4b4b;
|
|
@gray-color-11: #383838;
|
|
@gray-color-12: #2c2c2c;
|
|
@gray-color-13: #242424;
|
|
@gray-color-14: #181818;
|
|
|
|
// 基础颜色
|
|
@primary-color: #0052d9; // 色彩-品牌-可操作
|
|
@success-color: #00a870; // 色彩-功能-成功
|
|
@warning-color: #ed7b2f; // 色彩-功能-警告
|
|
@error-color: #e34d59; // 色彩-功能-失败
|
|
|
|
// 遮罩
|
|
@mask-active: rgba(0, 0, 0, 0.6); // 遮罩-弹出
|
|
@mask-disabled: rgba(255, 255, 255, 0.6); // 遮罩-禁用
|
|
|
|
// 背景色
|
|
@bg-color: #f0f2f5; // 色彩-背景
|
|
@bg-color-fade: #fbfbfb; // 色彩-中层背景
|
|
@bg-color-block: #fff; // 色彩-模块
|
|
|
|
// @bg-primary-color:@primary-color;
|
|
// @bg-success-color:@success-color;
|
|
// @bg-warning-color:@warning-color;
|
|
// @bg-error-color:@error-color;
|
|
|
|
// 文本颜色
|
|
@text-level-1-color: #000000; // 色彩-文字-一级
|
|
@text-level-2-color: #444444; // 色彩-文字-二级
|
|
@text-level-3-color: #888888; // 色彩-文字-三级
|
|
@text-level-4-color: #bbbbbb; // 色彩-文字-四级
|
|
@text-anti-primary-color: #fff; // 色彩-文字-主色反色
|
|
@text-disabled-color: rgba(0, 0, 0, 0.26);
|
|
|
|
@text-placeholder-color: rgba(0, 0, 0, 0.4); // 占位符颜色
|
|
|
|
// @text-primary-color:@primary-color;
|
|
// @text-success-color:@success-color;
|
|
// @text-warning-color:@warning-color;
|
|
// @text-error-color:@error-color;
|
|
|
|
// 边框色
|
|
@border-color: #e7e7e7;
|
|
@border-level-1-color: #e6e6e6;
|
|
@border-level-2-color: #ddd;
|
|
|
|
// Spacer
|
|
@spacer: 8rpx * 2;
|
|
@spacer-1: @spacer * 1.5; // 间距-小-x
|
|
@spacer-2: @spacer * 2; // 间距-小
|
|
@spacer-3: @spacer * 3; // 间距-中
|
|
@spacer-4: @spacer * 4; // 间距-大
|
|
@spacer-5: @spacer * 6; // 间距-大-x
|
|
@spacer-6: @spacer * 10; // 间距-大-xx
|
|
|
|
// Font
|
|
@font-size: 10rpx * 2;
|
|
@font-size-xs: @font-size; // 字号-一级字号
|
|
@font-size-s: @font-size * 1.2; // 字号-二级字号
|
|
@font-size-base: @font-size * 1.4; // 字号-三级字号
|
|
@font-size-m: @font-size * 1.6; // 字号-二级字号
|
|
@font-size-l: @font-size * 2; // 字号-四级字号
|
|
@font-size-xl: @font-size * 3.6; // 字号-五级字号
|
|
|
|
@text-line-height: 1.5; //
|
|
|
|
@font-family: PingFang SC, Microsoft YaHei, Arial Regular; // 字体-磅数-常规
|
|
@font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium; // 字体-磅数-粗体
|
|
|
|
// Border Radiusrpx
|
|
@border-radius: 8rpx * 2; // 圆角-全局
|
|
@border-radius-50: 50%; // 圆角-全圆角
|
|
|
|
// 表单相关
|
|
@form-height: 30rpx * 2;
|
|
@form-text-color: ;
|
|
@form-bg-color: ;
|
|
@form-border-color: ;
|
|
|
|
// shadow
|
|
@shadow-1: 2rpx 2rpx 10rpx 2rpx rgba(0, 0, 0, 0.03);
|
|
@shadow-2: 6rpx 6rpx 16rpx 4rpx rgba(0, 0, 0, 0.06);
|
|
|
|
// 图标尺寸
|
|
@icon-default: 16rpx * 2;
|
|
@icon-l: 24rpx * 2;
|