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

2026-06-23 22:17:53 +08:00
parent 1c547a717e
commit 8d8c823616
70 changed files with 7666 additions and 2656 deletions
@@ -4,80 +4,82 @@
  </view>
 </template>

-<script>
+<script setup>
+import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
 import GlobalLoading from '@/components/global/GlobalLoading.vue'

-export default {
-  components: {
-    GlobalLoading
-  },
-  onLaunch: function() {
-    console.log('App Launch')
-    this.preloadTabData()
-  },
-  onShow: function() {
-    console.log('App Show')
-    // #ifdef APP-PLUS
-    this.hideNativeTabBar()
-    // #endif
-  },
-  onHide: function() {
-    console.log('App Hide')
-  },
-  methods: {
-    // 隐藏原生 TabBar - 这里是核心修复
-    hideNativeTabBar() {
-      // 尝试多次执行，确保执行成功
-      const tryHide = (times = 0) => {
-        if (times > 10) return // 最多尝试10次
-        
-        uni.hideTabBar({
-          animation: false,
-          success: () => {
-            console.log('✅ 原生TabBar隐藏成功')
-            // 强制 CSS 覆盖（双重保险）
-            this.forceCSSHide()
-          },
-          fail: (err) => {
-            console.log(`❌ 第${times+1}次隐藏失败，1秒后重试`, err)
-            setTimeout(() => tryHide(times + 1), 1000)
-          }
-        })
-      }
-      
-      // 延迟 300ms 执行，确保页面挂载完成
-      setTimeout(() => tryHide(), 300)
-    },
+// 隐藏原生 TabBar - 这里是核心修复
+const hideNativeTabBar = () => {
+  // 尝试多次执行，确保执行成功
+  const tryHide = (times = 0) => {
+    if (times > 10) return // 最多尝试10次
    
-    // 强制 CSS 覆盖（最终保险）
-    forceCSSHide() {
-      // #ifdef APP-PLUS
-      const style = document.createElement('style')
-      style.innerHTML = `
-        uni-tabbar, 
-        uni-tabbar .uni-tabbar,
-        .uni-tabbar,
-        uni-tabbar > .uni-tabbar,
-        [class*="uni-tabbar"] {
-          display: none !important;
-          height: 0 !important;
-          opacity: 0 !important;
-          visibility: hidden !important;
-          pointer-events: none !important;
-        }
-      `
-      document.head.appendChild(style)
-      console.log('✅ CSS 强制覆盖已注入')
-      // #endif
-    },
-
-    // 预加载所有 Tab 页面的核心数据
-    preloadTabData() {
-      // 延迟执行，不阻塞首屏
-      setTimeout(() => {
-        // 预加载课程数据等...
-      }, 1000)
-    }
+    uni.hideTabBar({
+      animation: false,
+      success: () => {
+        console.log('✅ 原生TabBar隐藏成功')
+        // 强制 CSS 覆盖（双重保险）
+        forceCSSHide()
+      },
+      fail: (err) => {
+        console.log(`❌ 第${times+1}次隐藏失败，1秒后重试`, err)
+        setTimeout(() => tryHide(times + 1), 1000)
+      }
+    })
  }
+  
+  // 延迟 300ms 执行，确保页面挂载完成
+  setTimeout(() => tryHide(), 300)
 }
-</script>
+
+// 强制 CSS 覆盖（最终保险）
+const forceCSSHide = () => {
+  // #ifdef APP-PLUS
+  const style = document.createElement('style')
+  style.innerHTML = `
+    uni-tabbar, 
+    uni-tabbar .uni-tabbar,
+    .uni-tabbar,
+    uni-tabbar > .uni-tabbar,
+    [class*="uni-tabbar"] {
+      display: none !important;
+      height: 0 !important;
+      opacity: 0 !important;
+      visibility: hidden !important;
+      pointer-events: none !important;
+    }
+  `
+  document.head.appendChild(style)
+  console.log('✅ CSS 强制覆盖已注入')
+  // #endif
+}
+
+// 预加载所有 Tab 页面的核心数据
+const preloadTabData = () => {
+  // 延迟执行，不阻塞首屏
+  setTimeout(() => {
+    // 预加载课程数据等...
+  }, 1000)
+}
+
+onLaunch(() => {
+  console.log('App Launch')
+  preloadTabData()
+})
+
+onShow(() => {
+  console.log('App Show')
+  // #ifdef APP-PLUS
+  hideNativeTabBar()
+  // #endif
+})
+
+onHide(() => {
+  console.log('App Hide')
+})
+</script>
+
+<style lang="scss">
+/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
+@import "@/uni.scss";
+</style>