62 lines
1.1 KiB
SCSS
62 lines
1.1 KiB
SCSS
// 主题色
|
|
$primary-color: #1890ff;
|
|
$success-color: #52c41a;
|
|
$warning-color: #fa8c16;
|
|
$danger-color: #ff4d4f;
|
|
$info-color: #722ed1;
|
|
|
|
// 文字色
|
|
$text-primary: #333333;
|
|
$text-secondary: #666666;
|
|
$text-placeholder: #999999;
|
|
$text-disabled: #bbbbbb;
|
|
|
|
// 背景色
|
|
$bg-primary: #f5f5f5;
|
|
$bg-secondary: #ffffff;
|
|
$bg-card: #ffffff;
|
|
|
|
// 边框色
|
|
$border-color: #eeeeee;
|
|
$border-light: #f5f5f5;
|
|
|
|
// 标签色
|
|
$tag-blue: #e6f7ff;
|
|
$tag-blue-text: #1890ff;
|
|
$tag-green: #f6ffed;
|
|
$tag-green-text: #52c41a;
|
|
$tag-orange: #fff7e6;
|
|
$tag-orange-text: #fa8c16;
|
|
$tag-red: #fff1f0;
|
|
$tag-red-text: #ff4d4f;
|
|
$tag-grey: #f5f5f5;
|
|
$tag-grey-text: #999999;
|
|
|
|
// 尺寸
|
|
$nav-bar-height: 48px;
|
|
$tab-bar-height: 56px;
|
|
$status-bar-height: 28px;
|
|
|
|
// 圆角
|
|
$border-radius-sm: 6px;
|
|
$border-radius-md: 10px;
|
|
$border-radius-lg: 14px;
|
|
$border-radius-xl: 20px;
|
|
|
|
// 字体大小
|
|
$font-size-xs: 10px;
|
|
$font-size-sm: 11px;
|
|
$font-size-base: 13px;
|
|
$font-size-md: 14px;
|
|
$font-size-lg: 16px;
|
|
$font-size-xl: 20px;
|
|
$font-size-xxl: 24px;
|
|
|
|
// 间距
|
|
$spacing-xs: 4px;
|
|
$spacing-sm: 8px;
|
|
$spacing-base: 12px;
|
|
$spacing-md: 16px;
|
|
$spacing-lg: 20px;
|
|
$spacing-xl: 24px;
|