修改主题色

gym-manage-uniapp/pages/course/index.vue

@@ -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 {