novalon/gym-manage
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

签到、课程搜索页面调整为测试模式

Browse Source
This commit is contained in:
future
2026-06-12 12:36:21 +08:00
parent c2a09a5057
commit 0402a1e82d
6 changed files with 580 additions and 864 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gym-manage-uniapp/common/style/base.css
+18 -13
View File
@@ -8,11 +8,12 @@
*/
:root {
/* ========== 主品牌色（清新浅蓝色系）========== */
--primary-dark: #0B2B4B; /* 深蓝主色 - 用于重要文字、品牌标识，体现专业信赖感 */
--primary-deep: #1A4A6F; /* 中深蓝色 - 用于hover状态、次级按钮、图标点缀，增加层次感 */
/* ========== 主品牌色（首页主题蓝绿色系）========== */
--primary-dark: #2D4A5A; /* 深蓝绿主色 - 用于重要文字、品牌标识，体现专业信赖感 */
--primary-deep: #7AB5CC; /* 蓝绿主色 - 用于按钮、图标、标签背景，首页核心主题色 */
--primary-light: #9CCFDF; /* 浅蓝绿 - 用于hover状态、渐变辅助，增加层次感 */
/* 主页主题浅蓝渐变色系 */
/* 主页主题蓝绿渐变色系 */
--primary-sky-100: #D6EEF8; /* 最浅蓝 - 渐变起始色，清新自然 */
--primary-sky-200: #E4F2FA; /* 浅蓝 - 渐变第二层 */
--primary-sky-300: #EEF6FB; /* 淡蓝 - 渐变第三层 */
@@ -24,10 +25,13 @@
--glow-blue-2: rgba(180, 220, 240, 0.3); /* 浅蓝色光晕 */
--glow-blue-3: rgba(170, 215, 238, 0.25); /* 浅蓝绿色光晕 */
/* ========== 强调/行动色（活力橙）========== */
--accent-orange: #FF6B35; /* 活力橙 - 主要CTA按钮、会员标识、高亮徽章、关键数据，刺激行动力 */
--accent-orange-light: #FF8C5A; /* 浅橙色 - hover轻量背景、渐变辅助，带来温暖运动感 */
--accent-orange-dark: #E55A2B; /* 深橙色 - 按压状态或重要警告，保持色彩体系完整 */
/* ========== 强调/行动色（活力绿）========== */
--accent-green: rgba(130, 220, 130, 0.9); /* 活力绿 - 主要CTA按钮、图标背景，首页核心行动色 */
--accent-green-light: rgba(150, 230, 150, 0.8); /* 浅绿 - hover轻量背景 */
--accent-green-dark: rgba(100, 200, 100, 1); /* 深绿 - 按压状态 */
--accent-orange: #FF6B35; /* 活力橙 - 辅助CTA按钮、会员标识、高亮徽章、关键数据 */
--accent-orange-light: #FF8C5A; /* 浅橙色 - hover轻量背景、渐变辅助 */
--accent-orange-dark: #E55A2B; /* 深橙色 - 按压状态或重要警告 */
/* ========== 背景色系（主页主题）========== */
--bg-gradient-primary: linear-gradient(180deg, #D6EEF8 0%, #E4F2FA 15%, #EEF6FB 30%, #F5FAFD 50%, #FAFCFE 70%, #FFFFFF 100%); /* 主页主渐变背景 */
@@ -52,19 +56,20 @@
--info-blue: #3498DB; /* 信息蓝 - 提示气泡、帮助文字 */
/* ========== 渐变色 (提升活力感) ========== */
--gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%); /* 橙色渐变 - 会员按钮、重要徽章 */
--gradient-blue: linear-gradient(135deg, #0B2B4B 0%, #1A4A6F 100%); /* 深蓝渐变 - 头部banner或特别卡片 */
--gradient-green: linear-gradient(135deg, rgba(130, 220, 130, 0.9) 0%, rgba(150, 230, 150, 0.8) 100%); /* 绿色渐变 - 主要CTA按钮、图标背景 */
--gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%); /* 橙色渐变 - 辅助按钮、重要徽章 */
--gradient-blue: linear-gradient(135deg, #7AB5CC 0%, #9CCFDF 100%); /* 蓝绿渐变 - 头部banner或特别卡片，首页核心渐变 */
--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%); /* 微弱渐变 - 增加细节精致度 */
/* ========== TabBar 配色（清新蓝调风格）========== */
/* ========== TabBar 配色（清新蓝绿风格）========== */
/* 引用位置：components/TabBar.vue */
--tabbar-bg: rgba(200, 225, 238, 0.8); /* TabBar背景色 - 半透明浅蓝色毛玻璃效果 */
--tabbar-shadow: rgba(120, 185, 215, 0.2); /* TabBar阴影色 - 蓝色系柔和阴影 */
--tabbar-icon-inactive: gray; /* 未选中图标颜色 - 灰色 */
--tabbar-icon-active: #5A98B0; /* 选中图标颜色 - 蓝绿色 */
--tabbar-icon-active: #7AB5CC; /* 选中图标颜色 - 蓝绿色（首页主题色） */
--tabbar-text-inactive: #8AABBB; /* 未选中文字颜色 - 浅灰蓝 */
--tabbar-text-active: #5A98B0; /* 选中文字颜色 - 蓝绿色（与图标一致） */
--tabbar-text-active: #7AB5CC; /* 选中文字颜色 - 蓝绿色（与图标一致，首页主题色） */
/* ========== 通用蓝色系阴影（用于卡片、按钮等）========== */
/* 引用位置：components/index/RecommendCourses.vue, QuickEntry.vue, TodayRecommend.vue */