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-10 14:35:16 +08:00
parent 1e093a0688
commit 95c2ded69e
9 changed files with 155 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gym-manage-uniapp/components/TabBar.vue
+6 -7
View File
@@ -149,7 +149,6 @@ const tabs = [
{
path: PAGE.COURSE,
icon: 'icon-course',
iconActive: '/static/tabBar/active/course.png',
label: '课程',
useFontIcon: true,
fontSize:"36rpx"
@@ -222,7 +221,7 @@ function onTabTap(index) {
left: 0;
right: 0;
height: 120rpx;
background: rgba(200, 225, 238, 0.8);
background: white;
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
display: flex;
@@ -230,7 +229,7 @@ function onTabTap(index) {
align-items: center;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-shadow: 0 -4rpx 24rpx rgba(120, 185, 215, 0.2);
box-shadow: 0 -4rpx 24rpx var(--tabbar-shadow);
border-radius: 32rpx 32rpx 0 0;
z-index: 999;
}
@@ -262,20 +261,20 @@ function onTabTap(index) {
// 字体图标颜色控制（根据选中状态）
.tab-item .iconfont {
color: gray; // 未选中颜色
color: rgba(150, 150, 165, 1);
}
.tab-item.active .iconfont {
color: #5A98B0; // 选中颜色
color: rgba(130, 220, 130, 0.9);
}
.tab-label {
font-size: 22rpx;
color: #8AABBB;
color: rgba(150, 150, 165, 1);
}
.tab-item.active .tab-label {
color: #5A98B0;
color: rgba(130, 220, 130, 0.9);
font-weight: 600;
}
</style>
gym-manage-uniapp/components/index/QuickEntry.vue
+5 -5
View File
@@ -68,7 +68,7 @@ const entries = [
-webkit-backdrop-filter: blur(24px);
margin: 24rpx;
border-radius: 28rpx;
box-shadow: 0 8rpx 32rpx rgba(120, 185, 215, 0.18);
box-shadow: 0 8rpx 32rpx var(--shadow-blue-light);
border: 1rpx solid rgba(255, 255, 255, 0.7);
position: relative;
z-index: 3;
@@ -85,12 +85,12 @@ const entries = [
width: 104rpx;
height: 104rpx;
border-radius: 24rpx;
background: linear-gradient(135deg, #7AB5CC 0%, #9CCFDF 100%);
background: rgba(130, 220, 130, 0.9);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16rpx;
box-shadow: 0 6rpx 20rpx rgba(122, 181, 204, 0.35);
box-shadow: 0 6rpx 20rpx rgba(130, 220, 130, 0.35);
}
.icon-img {
@@ -99,7 +99,7 @@ const entries = [
}
.entry-icon.accent {
background: linear-gradient(135deg, #6BA8C0 0%, #8CC5D5 100%);
background: rgba(130, 220, 130, 0.9);
}
.entry-title {
@@ -111,6 +111,6 @@ const entries = [
.entry-desc {
font-size: 22rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
}
</style>
gym-manage-uniapp/components/index/RecommendCourses.vue
+19 -10
View File
@@ -79,6 +79,9 @@
import { ref, onMounted } from 'vue'
import { getGroupCoursePage } from '@/api/main.js'
// 测试开关：设置为 true 时使用假数据，false 时使用真实API数据
const USE_MOCK_DATA = true
// 推荐课程数据列表
const courses = ref([])
@@ -134,6 +137,12 @@ const getImageUrl = (coverImage) => {
// 获取推荐课程
const fetchRecommendCourses = async () => {
// 如果测试开关打开，直接使用假数据
if (USE_MOCK_DATA) {
useFallbackData()
return
}
try {
const res = await getGroupCoursePage({
page: 0, size: 5, sort: 'current_members', order: 'desc'
@@ -151,11 +160,11 @@ const fetchRecommendCourses = async () => {
const useFallbackData = () => {
const fallbackContent = [
{ id: "3", courseName: "燃脂搏击", courseType: "2", startTime: "2026-06-10T18:30:00", endTime: "2026-06-10T19:30:00", maxMembers: 20, currentMembers: 20, status: "0", coverImage: "/images/kickboxing.jpg", description: "高强度间歇训练" },
{ id: "2", courseName: "清晨流瑜伽", courseType: "1", startTime: "2026-06-12T09:00:00", endTime: "2026-06-12T10:30:00", maxMembers: 15, currentMembers: 5, status: "0", coverImage: "/images/yoga_flow.jpg", description: "流畅体式" },
{ id: "4", courseName: "哈他瑜伽", courseType: "1", startTime: "2026-06-01T15:20:00", endTime: "2026-06-01T16:50:00", maxMembers: 12, currentMembers: 3, status: "0", coverImage: "/images/hatha_yoga.jpg", description: "基础瑜伽" },
{ id: "6", courseName: "蜜桃臀塑造", courseType: "3", startTime: "2026-05-30T19:00:00", endTime: "2026-05-30T20:00:00", maxMembers: 10, currentMembers: 8, status: "2", coverImage: "/images/glute.jpg", description: "臀部训练" },
{ id: "7", courseName: "午间冥想放松", courseType: "1", startTime: "2026-05-31T12:00:00", endTime: "2026-05-31T13:00:00", maxMembers: 15, currentMembers: 6, status: "2", coverImage: "/images/meditation_noon.jpg", description: "冥想" }
{ id: "3", courseName: "燃脂搏击", courseType: "2", startTime: "2026-06-10T18:30:00", endTime: "2026-06-10T19:30:00", maxMembers: 20, currentMembers: 20, status: "0", coverImage: "https://picsum.photos/id/100/800/600", description: "高强度间歇训练" },
{ id: "2", courseName: "清晨流瑜伽", courseType: "1", startTime: "2026-06-12T09:00:00", endTime: "2026-06-12T10:30:00", maxMembers: 15, currentMembers: 5, status: "0", coverImage: "https://picsum.photos/id/101/800/600", description: "流畅体式" },
{ id: "4", courseName: "哈他瑜伽", courseType: "1", startTime: "2026-06-01T15:20:00", endTime: "2026-06-01T16:50:00", maxMembers: 12, currentMembers: 3, status: "0", coverImage: "https://picsum.photos/id/102/800/600", description: "基础瑜伽" },
{ id: "6", courseName: "蜜桃臀塑造", courseType: "3", startTime: "2026-05-30T19:00:00", endTime: "2026-05-30T20:00:00", maxMembers: 10, currentMembers: 8, status: "2", coverImage: "https://picsum.photos/id/103/800/600", description: "臀部训练" },
{ id: "7", courseName: "午间冥想放松", courseType: "1", startTime: "2026-05-31T12:00:00", endTime: "2026-05-31T13:00:00", maxMembers: 15, currentMembers: 6, status: "2", coverImage: "https://picsum.photos/id/104/800/600", description: "冥想" }
]
courses.value = fallbackContent.map(course => ({
id: course.id, image: getImageUrl(course.coverImage), tag: getTag(course),
@@ -200,7 +209,7 @@ onMounted(() => { fetchRecommendCourses() })
align-items: center;
gap: 4rpx;
font-size: 26rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
}
.arrow {
@@ -223,7 +232,7 @@ onMounted(() => { fetchRecommendCourses() })
-webkit-backdrop-filter: blur(16px);
border-radius: 24rpx;
overflow: hidden;
box-shadow: 0 8rpx 28rpx rgba(120, 185, 215, 0.18);
box-shadow: 0 8rpx 28rpx var(--shadow-blue-light);
border: 1rpx solid rgba(255, 255, 255, 0.6);
display: inline-block;
vertical-align: top;
@@ -335,7 +344,7 @@ onMounted(() => { fetchRecommendCourses() })
align-items: center;
gap: 6rpx;
font-size: 22rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
}
.fire-icon {
@@ -350,12 +359,12 @@ onMounted(() => { fetchRecommendCourses() })
.join-btn {
padding: 12rpx 28rpx;
background: linear-gradient(135deg, #7AB5CC 0%, #9CCFDF 100%);
background: rgba(130, 220, 130, 0.9);
border: none;
border-radius: 9999rpx;
font-size: 22rpx;
font-weight: 600;
color: #ffffff;
box-shadow: 0 6rpx 16rpx rgba(122, 181, 204, 0.35);
box-shadow: 0 6rpx 16rpx rgba(130, 220, 130, 0.35);
}
</style>
gym-manage-uniapp/components/index/TodayRecommend.vue
+6 -6
View File
@@ -101,7 +101,7 @@ const recommends = [
align-items: center;
gap: 4rpx;
font-size: 26rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
}
.arrow {
@@ -122,7 +122,7 @@ const recommends = [
-webkit-backdrop-filter: blur(16px);
border-radius: 24rpx;
padding: 20rpx;
box-shadow: 0 8rpx 28rpx rgba(120, 185, 215, 0.18);
box-shadow: 0 8rpx 28rpx var(--shadow-blue-light);
border: 1rpx solid rgba(255, 255, 255, 0.6);
}
@@ -164,7 +164,7 @@ const recommends = [
.item-desc {
font-size: 24rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -181,9 +181,9 @@ const recommends = [
.start-btn {
padding: 16rpx 28rpx;
background: linear-gradient(135deg, #7AB5CC 0%, #9CCFDF 100%);
background: rgba(130, 220, 130, 0.9);
border-radius: 9999rpx;
box-shadow: 0 6rpx 20rpx rgba(122, 181, 204, 0.4);
box-shadow: 0 6rpx 20rpx rgba(130, 220, 130, 0.4);
}
.start-btn-text {
@@ -195,7 +195,7 @@ const recommends = [
.participants {
font-size: 22rpx;
color: #8AABBB;
color: var(--tabbar-text-inactive);
white-space: nowrap;
}
</style>