33 lines
1.4 KiB
SCSS
33 lines
1.4 KiB
SCSS
/**
|
||
* 你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||
* 建议使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||
*/
|
||
|
||
//主色调,红色:#FF0036,绿色 #4CAF50,蓝色:#03A9F4,黄色:#FF9800,粉色:#FF547B,棕色:#C3A769,浅绿色:#65C4AA,黑色:#333333,紫色:#B323B4,淡粉色:#FF8B8B
|
||
|
||
// 颜色
|
||
$color-title: #303133; // 主标题
|
||
$color-sub: #606266; // 副标题
|
||
$color-tip: #909399; // 辅助提示色
|
||
$color-bg: #f8f8f8; // 背景色
|
||
$color-line: #eeeeee; //分割线
|
||
$color-disabled: #cccccc; // 禁用色
|
||
|
||
// 文字
|
||
$font-size-base: 28rpx; // 14px,正文文字
|
||
$font-size-toolbar: 32rpx; // 16px,用于导航栏、标题
|
||
$font-size-sub: 26rpx; // 13px,副标题
|
||
$font-size-tag: 24rpx; // 12px,辅助性文字/大标签
|
||
$font-size-goods-tag: 22rpx; // 11px,商品列表角标
|
||
$font-size-activity-tag: 20rpx; // 10px,活动角标(拼团等角标)/小标签文字
|
||
|
||
$margin-both: 30rpx; //外边距 左右
|
||
$margin-updown: 20rpx; // 外边距 上下
|
||
$border-radius: 10rpx; //圆角
|
||
$padding: 20rpx; //内边距
|
||
|
||
$base-color: var(--base-color); // 主色调
|
||
$base-help-color: var(--base-help-color); //辅助颜色
|
||
|
||
$goods-price-color: var(--goods-price-color);
|