You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
// 字体大小配置
|
|
|
|
|
$font-size-primary: 32rpx; // 一级标题 (16px)
|
|
|
|
|
$font-size-secondary: 28rpx; // 二级标题 (14px)
|
|
|
|
|
$font-size-tertiary: 24rpx; // 三级标题 (12px)
|
|
|
|
|
|
|
|
|
|
// 字体颜色配置
|
|
|
|
|
$font-color-primary: #222; // 主要文字颜色
|
|
|
|
|
$font-color-secondary: #666; // 次要文字颜色
|
|
|
|
|
$font-color-tertiary: #888; // 辅助文字颜色
|
|
|
|
|
|
|
|
|
|
// 字体粗细配置
|
|
|
|
|
$font-weight-bold: bold;
|
|
|
|
|
$font-weight-medium: 500;
|
|
|
|
|
$font-weight-normal: normal;
|
|
|
|
|
|
|
|
|
|
// 行高配置
|
|
|
|
|
$line-height-primary: 1.6;
|
|
|
|
|
$line-height-secondary: 1.4;
|
|
|
|
|
$line-height-tertiary: 1.2;
|
|
|
|
|
|
|
|
|
|
// 混合器
|
|
|
|
|
@mixin font-primary {
|
|
|
|
|
font-size: $font-size-primary;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-secondary {
|
|
|
|
|
font-size: $font-size-secondary;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin font-tertiary {
|
|
|
|
|
font-size: $font-size-tertiary;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 全局占位符样式
|
|
|
|
|
::v-deep input::placeholder {
|
|
|
|
|
font-size: $font-size-tertiary !important;
|
|
|
|
|
color: #b0b8c6;
|
|
|
|
|
}
|
