74 lines
1.5 KiB
SCSS
74 lines
1.5 KiB
SCSS
/**
|
|
* uni-app 内置样式变量 + 项目自定义变量
|
|
*/
|
|
|
|
/* ========== uni-app 官方变量 ========== */
|
|
|
|
/* 行为相关颜色 */
|
|
$uni-color-primary: #6366f1;
|
|
$uni-color-success: #22c55e;
|
|
$uni-color-warning: #f59e0b;
|
|
$uni-color-error: #ef4444;
|
|
|
|
/* 文字基本颜色 */
|
|
$uni-text-color: #1e293b;
|
|
$uni-text-color-inverse: #fff;
|
|
$uni-text-color-grey: #64748b;
|
|
$uni-text-color-placeholder: #94a3b8;
|
|
$uni-text-color-disable: #c0c0c0;
|
|
|
|
/* 背景颜色 */
|
|
$uni-bg-color: #ffffff;
|
|
$uni-bg-color-grey: #f5f6fa;
|
|
$uni-bg-color-hover: #f1f5f9;
|
|
$uni-bg-color-mask: rgba(0, 0, 0, 0.4);
|
|
|
|
/* 边框颜色 */
|
|
$uni-border-color: #e2e8f0;
|
|
|
|
/* 文字尺寸 */
|
|
$uni-font-size-sm: 12px;
|
|
$uni-font-size-base: 14px;
|
|
$uni-font-size-lg: 16px;
|
|
|
|
/* 图片尺寸 */
|
|
$uni-img-size-sm: 20px;
|
|
$uni-img-size-base: 26px;
|
|
$uni-img-size-lg: 40px;
|
|
|
|
/* Border Radius */
|
|
$uni-border-radius-sm: 4px;
|
|
$uni-border-radius-base: 8px;
|
|
$uni-border-radius-lg: 12px;
|
|
$uni-border-radius-circle: 50%;
|
|
|
|
/* 水平间距 */
|
|
$uni-spacing-row-sm: 5px;
|
|
$uni-spacing-row-base: 10px;
|
|
$uni-spacing-row-lg: 15px;
|
|
|
|
/* 垂直间距 */
|
|
$uni-spacing-col-sm: 4px;
|
|
$uni-spacing-col-base: 8px;
|
|
$uni-spacing-col-lg: 12px;
|
|
|
|
/* 透明度 */
|
|
$uni-opacity-disabled: 0.3;
|
|
|
|
/* ========== 项目自定义变量 ========== */
|
|
|
|
$brand-color: #6366f1;
|
|
$brand-light: #a5b4fc;
|
|
$text-primary: #1e293b;
|
|
$text-secondary: #64748b;
|
|
$text-placeholder: #94a3b8;
|
|
$bg-page: #f5f6fa;
|
|
$bg-card: #ffffff;
|
|
$border-color: #e2e8f0;
|
|
$success-color: #22c55e;
|
|
$warning-color: #f59e0b;
|
|
$danger-color: #ef4444;
|
|
$radius-sm: 8rpx;
|
|
$radius-md: 16rpx;
|
|
$radius-lg: 24rpx;
|