uni.scss
1.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
/* ========== 绿纤会员端 Design System — Soft UI Evolution ========== */
/* 品牌色系 — 绿纤绿 + Soft UI */
$brand-primary: #2DB48D;
$brand-primary-light: #E6F7F1;
$brand-primary-dark: #1E8C6E;
$brand-gradient: linear-gradient(135deg, #2DB48D 0%, #7DDFC3 100%);
$brand-gradient-deep: linear-gradient(135deg, #1E8C6E 0%, #2DB48D 100%);
/* 辅助色 */
$color-warning: #F5A623;
$color-danger: #E65B65;
$color-success: #2DB48D;
$color-info: #5B8FF9;
$color-accent: #C9A96E;
/* 中性色 — Soft UI 演化 */
$text-primary: #1D2129;
$text-secondary: #4E5969;
$text-tertiary: #86909C;
$text-quaternary: #C9CDD4;
$text-white: #FFFFFF;
/* 背景色 — 柔和层次 */
$bg-page: #F2F3F5;
$bg-card: #FFFFFF;
$bg-grey: #F7F8FA;
$bg-warm: #FFF9F0;
$bg-mask: rgba(0, 0, 0, 0.45);
/* 边框色 */
$border-color: #E5E6EB;
$border-light: #F2F3F5;
$divider-color: #E5E6EB;
/* Soft UI 阴影 */
$shadow-sm: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
$shadow-md: 0 4rpx 24rpx rgba(0, 0, 0, 0.06);
$shadow-lg: 0 8rpx 40rpx rgba(0, 0, 0, 0.08);
$shadow-card: 0 4rpx 20rpx rgba(29, 33, 41, 0.05);
$shadow-float: 0 12rpx 48rpx rgba(29, 33, 41, 0.12);
/* 圆角 — 更大更柔和 */
$radius-xs: 8rpx;
$radius-sm: 12rpx;
$radius-md: 20rpx;
$radius-lg: 28rpx;
$radius-xl: 36rpx;
$radius-round: 999rpx;
/* 间距 */
$spacing-xs: 8rpx;
$spacing-sm: 16rpx;
$spacing-md: 24rpx;
$spacing-lg: 32rpx;
$spacing-xl: 48rpx;
$page-padding: 32rpx;
/* 字号 */
$font-xs: 20rpx;
$font-sm: 24rpx;
$font-md: 28rpx;
$font-lg: 32rpx;
$font-xl: 36rpx;
$font-xxl: 44rpx;
$font-hero: 56rpx;
/* uni 变量覆盖 */
$uni-color-primary: $brand-primary;
$uni-color-success: $color-success;
$uni-color-warning: $color-warning;
$uni-color-error: $color-danger;
$uni-text-color: $text-primary;
$uni-text-color-grey: $text-tertiary;
$uni-bg-color: $bg-page;
$uni-bg-color-grey: $bg-grey;
$uni-border-color: $border-color;