整合api请求、添加购买会员卡页面、登陆页面

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

@@ -1,6 +1,6 @@
 <template>
   <!-- 固定白色块（滚动时显示） -->
-  <view class="hand" :style="{height : handHeight + 'rpx'}" v-show="isShow"></view>
+  <view class="hand" :style="{height : handHeight + 50 + 'rpx',lineHeight: handHeight + 70 + 'rpx'}" v-show="isShow">活氧舱</view>
   
   <!-- 滚动内容区域 -->
   <scroll-view 
@@ -33,6 +33,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
 import BannerSwiper from '@/components/index/BannerSwiper.vue'
 import QuickEntry from '@/components/index/QuickEntry.vue'
 import RecommendCourses from '@/components/index/RecommendCourses.vue'
@@ -95,7 +96,21 @@ const refreshData = () => {
   })
 }
 
+onShow(() => {
+  // 页面显示时触发未读消息检查
+  uni.$emit('pageShow')
+})
+
 onMounted(() => {
+  // 设置测试token和userId（实际项目中由登录接口返回）
+  const testUserId = 1
+  uni.setStorageSync('userId', testUserId)
+  
+  // 延迟触发未读消息检查，等待子组件挂载完成
+  setTimeout(() => {
+    uni.$emit('pageShow')
+  }, 500)
+  
   setTimeout(() => {
     loading.value = false
   }, 1500)
@@ -160,6 +175,8 @@ onMounted(() => {
   z-index: 100;
   background-color: white;
   width: 100%;
+  text-align: center;
+  font-size: 34rpx;
 }
 
 /* 固定 TabBar */