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
committed by liwentao
parent b12d7cdf25
commit 67c080efce
9 changed files with 155 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gym-manage-uniapp/pages/course/index.vue
+35 -2
View File
@@ -1,5 +1,9 @@
<!-- pages/course/index.vue -->
<template>
<!-- <view class="bg-wrapper">
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_top.png" mode="widthFix" class="wave-bg wave-top" />
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_bottom.png" mode="widthFix" class="wave-bg wave-bottom" />
</view> -->
<view class="tab-page">
<view class="tab-page__header">
<text class="tab-page__title">课程</text>
@@ -29,8 +33,8 @@
</template>
<view class="bottom-placeholder"></view>
<TabBar @update:active="handleTabActive" />
</view>
<TabBar @update:active="handleTabActive" />
</template>
<script setup>
@@ -124,10 +128,39 @@ function goMyCourses() {
</script>
<style lang="scss" scoped>
.bg-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.wave-bg {
position: fixed;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0.6;
}
.wave-top {
top: 0;
opacity: 0.5;
}
.wave-bottom {
bottom: 100rpx;
opacity: 0.35;
}
.tab-page {
min-height: 100vh;
background: $gradient-sky;
padding-bottom: 160rpx;
position: relative;
z-index: 2;
}
.tab-page__header {
gym-manage-uniapp/pages/discover/index.vue
+34 -2
View File
@@ -1,4 +1,8 @@
<template>
<!-- <view class="bg-wrapper">
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_top.png" mode="widthFix" class="wave-bg wave-top" />
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_bottom.png" mode="widthFix" class="wave-bg wave-bottom" />
</view> -->
<view class="tab-page">
<view class="tab-page__header">
<text class="tab-page__title">发现</text>
@@ -23,8 +27,8 @@
</view>
<view class="bottom-placeholder"></view>
<TabBar :active="3" />
</view>
<TabBar :active="3" />
</template>
<script setup>
@@ -46,10 +50,38 @@ function goPointsMall() {
</script>
<style lang="scss" scoped>
.bg-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.wave-bg {
position: fixed;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0.6;
}
.wave-top {
top: 0;
opacity: 0.5;
}
.wave-bottom {
bottom: 100rpx;
opacity: 0.35;
}
.tab-page {
min-height: 100vh;
background: $gradient-sky;
padding-bottom: 160rpx;
position: relative;
z-index: 1;
}
.tab-page__header {
gym-manage-uniapp/pages/index/index.vue
+3 -3
View File
@@ -1,9 +1,9 @@
<template>
<!-- 水波纹背景 - 顶层显示 -->
<view class="bg-wrapper">
<!-- <view class="bg-wrapper">
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_top.png" mode="widthFix" class="wave-bg wave-top" />
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_bottom.png" mode="widthFix" class="wave-bg wave-bottom" />
</view>
</view> -->
<!-- 固定白色块（滚动时显示） -->
<view class="hand" :style="{height : handHeight + 'rpx'}" v-show="isShow"></view>
@@ -204,7 +204,7 @@ onMounted(() => {
bottom: 0;
left: 0;
right: 0;
z-index: 20;
z-index: 1000;
background-color: transparent;
}
gym-manage-uniapp/pages/train/index.vue
+34 -2
View File
@@ -1,4 +1,8 @@
<template>
<!-- <view class="bg-wrapper">
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_top.png" mode="widthFix" class="wave-bg wave-top" />
<image src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/wave_bottom.png" mode="widthFix" class="wave-bg wave-bottom" />
</view> -->
<view class="tab-page">
<view class="tab-page__header">
<text class="tab-page__title">训练</text>
@@ -25,8 +29,8 @@
</view>
<view class="bottom-placeholder"></view>
<TabBar :active="2" />
</view>
<TabBar :active="2" />
</template>
<script setup>
@@ -51,10 +55,38 @@ function goCheckIn() {
</script>
<style lang="scss" scoped>
.bg-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.wave-bg {
position: fixed;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0.6;
}
.wave-top {
top: 0;
opacity: 0.5;
}
.wave-bottom {
bottom: 100rpx;
opacity: 0.35;
}
.tab-page {
min-height: 100vh;
background: $gradient-sky;
padding-bottom: 160rpx;
position: relative;
z-index: 2;
}
.tab-page__header {