修复 SCSS 变量未定义错误和滚动监听问题

2026-06-08 15:45:54 +08:00
parent d3b978938b
commit b12d7cdf25
2 changed files with 108 additions and 46 deletions
@@ -74,3 +74,62 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+
+/* ========== 健身房项目自定义颜色变量 ========== */
+
+/* 主品牌色（清新浅蓝色系）*/
+$primary-dark: #0B2B4B;
+$primary-deep: #1A4A6F;
+
+/* 主页主题浅蓝渐变色系 */
+$primary-sky-100: #D6EEF8;
+$primary-sky-200: #E4F2FA;
+$primary-sky-300: #EEF6FB;
+$primary-sky-400: #F5FAFD;
+$primary-sky-500: #FAFCFE;
+
+/* 强调/行动色（活力橙）*/
+$accent-orange: #FF6B35;
+$accent-orange-light: #FF8C5A;
+$accent-orange-dark: #E55A2B;
+
+/* 背景色系 */
+$bg-gradient-primary: linear-gradient(180deg, #D6EEF8 0%, #E4F2FA 15%, #EEF6FB 30%, #F5FAFD 50%, #FAFCFE 70%, #FFFFFF 100%);
+$bg-light: #F5FAFD;
+$bg-white: #FFFFFF;
+$bg-gray: #F2F5F9;
+
+/* 文本色系 */
+$text-dark: #1E2A3A;
+$text-muted: #5E6F8D;
+$text-light: #8A99B4;
+$text-inverse: #FFFFFF;
+
+/* 边框/分割线 */
+$border-light: #E9EDF2;
+$border-focus: #FF6B35;
+
+/* 渐变色 */
+$gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%);
+$gradient-blue: linear-gradient(135deg, #0B2B4B 0%, #1A4A6F 100%);
+$gradient-sky: linear-gradient(180deg, #D6EEF8 0%, #E4F2FA 15%, #EEF6FB 30%, #F5FAFD 50%, #FAFCFE 70%, #FFFFFF 100%);
+$gradient-subtle: linear-gradient(120deg, #F9FAFE 0%, #FFFFFF 100%);
+
+/* 阴影层级 */
+$shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
+$shadow-md: 0 12px 28px rgba(0, 0, 0, 0.08);
+$shadow-lg: 0 20px 35px rgba(0, 0, 0, 0.12);
+$shadow-orange-glow: 0 4px 12px rgba(255, 107, 53, 0.25);
+$shadow-sky-glow: 0 4px 12px rgba(160, 210, 235, 0.2);
+
+/* 圆角规范 */
+$radius-sm: 12px;
+$radius-md: 20px;
+$radius-lg: 28px;
+$radius-full: 999px;
+
+/* 字体权重 */
+$font-weight-regular: 400;
+$font-weight-medium: 500;
+$font-weight-bold: 700;
+$font-weight-extrabold: 800;