兼容ios

ruoyi-jiaoyi/App.vue

@@ -1,36 +1,38 @@
-<script>
-import { syncUserOnLaunch } from '@/permission'
-
-export default {
-  onLaunch() {
-    syncUserOnLaunch()
-  },
-  onShow() {
-    console.log('App Show')
-  },
-  onHide() {
-    console.log('App Hide')
-  }
-}
-</script>
-
-<style lang="scss">
-@import 'uview-plus/index.scss';
-
-/* #ifdef H5 */
-page {
-  min-height: 100%;
-  height: auto;
-  box-sizing: border-box;
-  background-color: #f0ebe5;
-}
-/* #endif */
-
-/* #ifndef H5 */
-page {
-  height: 100%;
-  min-height: 100%;
-  background-color: #f0ebe5;
-}
-/* #endif */
-</style>
+<script>
+import { syncUserOnLaunch } from '@/permission'
+
+export default {
+  onLaunch() {
+    syncUserOnLaunch().catch(() => {})
+  },
+  onShow() {
+    console.log('App Show')
+  },
+  onHide() {
+    console.log('App Hide')
+  }
+}
+</script>
+
+<style lang="scss">
+@import 'uview-plus/index.scss';
+@import '@/styles/h5-layout.scss';
+
+/* Tab 页见 h5-layout；栈式详情页用页面内 scroll-view + detail-page.scss */
+/* #ifdef H5 */
+page {
+  min-height: 100%;
+  height: auto;
+  box-sizing: border-box;
+  background-color: #f0ebe5;
+}
+/* #endif */
+
+/* #ifndef H5 */
+page {
+  height: 100%;
+  min-height: 100%;
+  background-color: #f0ebe5;
+}
+/* #endif */
+</style>

ruoyi-jiaoyi/components/distributor/home-panel.vue

@@ -203,13 +203,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .sp-scroll {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  min-width: 0;
-  box-sizing: border-box;
+  @include flex-scroll-y;
   background: $morandi-bg-page;
 }
 

ruoyi-jiaoyi/components/distributor/order-panel.vue

@@ -169,13 +169,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .sp-order-page {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
+  @include tab-panel-root;
   background: $morandi-bg-page;
 }
 
@@ -212,10 +209,7 @@ export default {
 }
 
 .sp-order-scroll {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  min-width: 0;
+  @include flex-scroll-y;
 }
 
 .sp-order-list {

ruoyi-jiaoyi/components/partner/guest-view.vue

@@ -21,12 +21,11 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .guest-view {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
+  @include tab-panel-root;
+  width: 100%;
   align-items: center;
   justify-content: center;
   padding: 48rpx 40rpx;

ruoyi-jiaoyi/components/partner/placeholder.vue

@@ -22,10 +22,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .partner-placeholder {
-  flex: 1;
-  min-height: 0;
+  @include tab-panel-root;
   display: flex;
   flex-direction: column;
   align-items: center;

ruoyi-jiaoyi/components/supplier/home-panel.vue

@@ -224,13 +224,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .sp-scroll {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  min-width: 0;
-  box-sizing: border-box;
+  @include flex-scroll-y;
   background: $morandi-bg-page;
 }
 

ruoyi-jiaoyi/components/supplier/market-panel.vue

@@ -582,22 +582,16 @@ export default {
 @import '@/styles/morandi.scss';
 @import '@/styles/tab-page.scss';
 @import '@/styles/app-lang.scss';
+@import '@/styles/scroll-fill.scss';
 
 .ym-page {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 100%;
-  box-sizing: border-box;
+  @include tab-panel-root;
+  overflow: hidden;
   background: $morandi-bg-page;
 }
 
 .ym-scroll {
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
-  height: 0;
-  box-sizing: border-box;
+  @include flex-scroll-y;
 }
 
 .ym-hero {

ruoyi-jiaoyi/components/supplier/order-panel.vue

@@ -177,13 +177,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .sp-order-page {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
+  @include tab-panel-root;
   background: $morandi-bg-page;
 }
 
@@ -220,10 +217,7 @@ export default {
 }
 
 .sp-order-scroll {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  min-width: 0;
+  @include flex-scroll-y;
 }
 
 .sp-order-list {

ruoyi-jiaoyi/main.js

@@ -1,8 +1,9 @@
+import './uni.promisify.adaptor'
+import '@/utils/tabBar'
 import App from './App'
 
 // #ifndef VUE3
 import Vue from 'vue'
-import './uni.promisify.adaptor'
 Vue.config.productionTip = false
 App.mpType = 'app'
 const app = new Vue({

ruoyi-jiaoyi/pages/distributor/order-detail/index.vue

@@ -155,15 +155,14 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/detail-page.scss';
 
 .sp-detail-page {
-  min-height: 100%;
-  background: $morandi-bg-page;
+  @include detail-page-root;
 }
 
 .sp-detail-scroll {
-  min-height: 100%;
-  box-sizing: border-box;
+  @include detail-page-scroll;
 }
 
 .sp-block {

ruoyi-jiaoyi/pages/distributor/yak-detail/index.vue

@@ -119,15 +119,14 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/detail-page.scss';
 
 .sp-detail-page {
-  min-height: 100%;
-  background: $morandi-bg-page;
+  @include detail-page-root;
 }
 
 .sp-detail-scroll {
-  min-height: 100%;
-  box-sizing: border-box;
+  @include detail-page-scroll;
 }
 
 .sp-block {

ruoyi-jiaoyi/pages/home/index.vue

@@ -66,11 +66,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.tab-page {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 100%;
-  box-sizing: border-box;
-}
+@import '@/styles/tab-page.scss';
 </style>

ruoyi-jiaoyi/pages/market/index.vue

@@ -44,11 +44,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.tab-page {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 100%;
-  box-sizing: border-box;
-}
+@import '@/styles/tab-page.scss';
 </style>

ruoyi-jiaoyi/pages/mine/index.vue

@@ -130,6 +130,7 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/scroll-fill.scss';
 
 .mine-page {
   display: flex;
@@ -138,15 +139,17 @@ export default {
   min-height: 100%;
   background: $morandi-bg-page;
   box-sizing: border-box;
+  /* #ifdef H5 */
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  /* #endif */
 }
 
 .mine-scroll {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  min-width: 0;
+  @include flex-scroll-y;
   padding: 24rpx 24rpx 40rpx;
-  box-sizing: border-box;
 }
 
 .mine-profile {

ruoyi-jiaoyi/pages/order/index.vue

@@ -60,11 +60,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.tab-page {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 100%;
-  box-sizing: border-box;
-}
+@import '@/styles/tab-page.scss';
 </style>

ruoyi-jiaoyi/pages/supplier/order-detail/index.vue

@@ -183,15 +183,14 @@ export default {
 
 <style lang="scss" scoped>
 @import '@/styles/morandi.scss';
+@import '@/styles/detail-page.scss';
 
 .sp-detail-page {
-  min-height: 100%;
-  background: $morandi-bg-page;
+  @include detail-page-root;
 }
 
 .sp-detail-scroll {
-  min-height: 100%;
-  box-sizing: border-box;
+  @include detail-page-scroll;
 }
 
 .sp-block {

ruoyi-jiaoyi/styles/detail-page.scss

@@ -0,0 +1,28 @@
+@import './morandi.scss';
+
+/** 栈式详情页（订单详情、牦牛详情等）：scroll-view 须有明确高度才能滚动 */
+@mixin detail-page-root {
+  min-height: 100%;
+  box-sizing: border-box;
+  background: $morandi-bg-page;
+  /* #ifdef H5 */
+  height: 100vh;
+  height: 100dvh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  /* #endif */
+}
+
+@mixin detail-page-scroll {
+  width: 100%;
+  box-sizing: border-box;
+  /* #ifdef H5 */
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  /* #endif */
+  /* #ifndef H5 */
+  min-height: 100%;
+  /* #endif */
+}

ruoyi-jiaoyi/styles/h5-layout.scss

@@ -0,0 +1,53 @@
+/**
+ * 仅作用于 Tab 页（.tab-page），勿改全局 page，避免详情等栈式页面无法滚动
+ */
+/* #ifdef H5 */
+.tab-page {
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100vh;
+  height: 100dvh;
+  min-height: 100vh;
+  min-height: 100dvh;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.tab-page > view,
+.tab-page > scroll-view {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.sp-scroll,
+.sp-order-page,
+.sp-order-scroll,
+.ym-page,
+.ym-scroll,
+.mine-page,
+.mine-scroll,
+.guest-view {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+scroll-view.sp-scroll,
+scroll-view.sp-order-scroll,
+scroll-view.ym-scroll,
+scroll-view.mine-scroll {
+  height: 100% !important;
+  min-height: 1px !important;
+  flex: 1 1 auto !important;
+}
+/* #endif */

ruoyi-jiaoyi/styles/scroll-fill.scss

@@ -0,0 +1,20 @@
+/** Tab 内可滚动区域：iOS 上 flex + height:0 会塌成空白，统一用 100% + min-height:1px */
+@mixin flex-scroll-y {
+  flex: 1 1 auto;
+  min-height: 1px;
+  min-width: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+@mixin tab-panel-root {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}

ruoyi-jiaoyi/styles/tab-page.scss

@@ -128,6 +128,12 @@
   min-width: 0;
   min-height: 100%;
   box-sizing: border-box;
+  /* #ifdef H5 */
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  /* #endif */
 }
 
 .pkg-entry {

ruoyi-jiaoyi/uni.promisify.adaptor.js

@@ -1,13 +1,26 @@
+function isTabBarFail(err) {
+  const msg = err && err.errMsg ? String(err.errMsg) : ''
+  return msg.includes('TabBar') && msg.includes('fail')
+}
+
 uni.addInterceptor({
-  returnValue (res) {
-    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
-      return res;
+  returnValue(res) {
+    if (!(!!res && (typeof res === 'object' || typeof res === 'function') && typeof res.then === 'function')) {
+      return res
     }
     return new Promise((resolve, reject) => {
-      res.then((res) => {
-        if (!res) return resolve(res) 
-        return res[0] ? reject(res[0]) : resolve(res[1])
-      });
-    });
-  },
-});
+      res.then((tuple) => {
+        if (!tuple) {
+          return resolve(tuple)
+        }
+        if (tuple[0]) {
+          if (isTabBarFail(tuple[0])) {
+            return resolve(tuple[0])
+          }
+          return reject(tuple[0])
+        }
+        return resolve(tuple[1])
+      })
+    })
+  }
+})

ruoyi-jiaoyi/utils/tabBar.js

@@ -0,0 +1,63 @@
+/** 与 pages.json tabBar.list[].pagePath 一致（无开头 /） */
+const TAB_PAGE_PATHS = new Set([
+  'pages/home/index',
+  'pages/order/index',
+  'pages/market/index',
+  'pages/mine/index'
+])
+
+const TABBAR_API_NAMES = [
+  'setTabBarStyle',
+  'setTabBarItem',
+  'setTabBarBadge',
+  'removeTabBarBadge',
+  'showTabBarRedDot',
+  'hideTabBarRedDot',
+  'showTabBar',
+  'hideTabBar',
+  'setTabBarMidButton'
+]
+
+function normalizePageRoute(route) {
+  if (!route) {
+    return ''
+  }
+  let r = String(route).replace(/^\//, '')
+  const prefixes = ['bqH5/', 'bqjy/']
+  for (const prefix of prefixes) {
+    if (r.startsWith(prefix)) {
+      r = r.slice(prefix.length)
+    }
+  }
+  return r
+}
+
+export function isTabBarPage() {
+  const stack = getCurrentPages()
+  if (!stack.length) {
+    return false
+  }
+  const cur = stack[stack.length - 1]
+  const route = normalizePageRoute(cur.route || '')
+  return TAB_PAGE_PATHS.has(route)
+}
+
+function installTabBarApiGuard() {
+  if (typeof uni === 'undefined' || !uni.addInterceptor) {
+    return
+  }
+  TABBAR_API_NAMES.forEach((name) => {
+    if (typeof uni[name] !== 'function') {
+      return
+    }
+    uni.addInterceptor(name, {
+      invoke() {
+        if (!isTabBarPage()) {
+          return false
+        }
+      }
+    })
+  })
+}
+
+installTabBarApiGuard()

ruoyi-ui-app/.env.production

@@ -1,3 +1,11 @@
-# 生产环境（对齐 ruoyi-ui/.env.production）
+# 页面标题（对齐 ruoyi-ui/.env.production）
 VITE_APP_TITLE=掌上巴青
+
+# 生产环境
+ENV=production
+
+# 若依后端 API（与 ruoyi-ui 一致，由 Nginx 反代到真实后端）
 VITE_APP_BASE_API=/prod-api
+
+# H5 部署子路径（须与 manifest.json h5.router.base 一致，如 /bqH5/）
+VITE_APP_PUBLIC_PATH=bqH5

ruoyi-ui-app/App.vue

@@ -1,39 +1,40 @@
-<script>
-import { syncUserOnLaunch } from '@/permission'
-
-export default {
-  onLaunch() {
-    syncUserOnLaunch()
-  },
-  onShow() {
-    console.log('App Show')
-  },
-  onHide() {
-    console.log('App Hide')
-  }
-}
-</script>
-
-<style lang="scss">
-/* 须写在首行：与 uni.scss 中的 theme 配合，否则 index 内 $u-* 未定义 */
-@import 'uview-plus/index.scss';
-@import '@/styles/app-lang.scss';
-
-/* 全屏高度链：H5 若写死 page height:100%，易与原生 tabBar 抢高度导致底栏「看不见」 */
-/* #ifdef H5 */
-page {
-  min-height: 100%;
-  height: auto;
-  box-sizing: border-box;
-  background-color: #f0ebe5;
-}
-/* #endif */
-
-/* #ifndef H5 */
-page {
-  height: 100%;
-  min-height: 100%;
-  background-color: #f0ebe5;
-}
-/* #endif */
-</style>
+<script>
+import { syncUserOnLaunch } from '@/permission'
+
+export default {
+  onLaunch() {
+    syncUserOnLaunch().catch(() => {})
+  },
+  onShow() {
+    console.log('App Show')
+  },
+  onHide() {
+    console.log('App Hide')
+  }
+}
+</script>
+
+<style lang="scss">
+/* 须写在首行：与 uni.scss 中的 theme 配合，否则 index 内 $u-* 未定义 */
+@import 'uview-plus/index.scss';
+@import '@/styles/app-lang.scss';
+
+/* 全屏高度链：H5 若写死 page height:100%，易与原生 tabBar 抢高度导致底栏「看不见」 */
+/* #ifdef H5 */
+page {
+  min-height: 100%;
+  height: auto;
+  box-sizing: border-box;
+  background-color: #f0ebe5;
+}
+/* #endif */
+
+/* #ifndef H5 */
+page {
+  height: 100%;
+  min-height: 100%;
+  background-color: #f0ebe5;
+}
+/* #endif */
+</style>
+

ruoyi-ui-app/main.js

@@ -1,9 +1,9 @@
+import './uni.promisify.adaptor'
+import '@/utils/tabBar'
 import App from './App'
 
-
 // #ifndef VUE3
 import Vue from 'vue'
-import './uni.promisify.adaptor'
 Vue.config.productionTip = false
 App.mpType = 'app'
 const app = new Vue({

ruoyi-ui-app/mixins/tabPage.js

@@ -22,9 +22,12 @@ export default {
     syncTabBarText((k) => this.$t(k))
     const key = this.navTitleKey
     if (key) {
-      uni.setNavigationBarTitle({
+      const p = uni.setNavigationBarTitle({
         title: this.$t(key)
       })
+      if (p && typeof p.catch === 'function') {
+        p.catch(() => {})
+      }
     }
   }
 }

ruoyi-ui-app/package-a/consult-detail/index.vue

@@ -166,7 +166,6 @@
 import UButton from 'uview-plus/components/u-button/u-button.vue'
 import UIcon from 'uview-plus/components/u-icon/u-icon.vue'
 import tabPage from '@/mixins/tabPage'
-import { syncTabBarText } from '@/utils/tabBar'
 import { ensureApiToken } from '@/utils/apiAuth'
 import { uploadFile } from '@/utils/upload'
 import {
@@ -278,10 +277,12 @@ export default {
     setTimeout(() => uni.navigateBack(), 1500)
   },
   onShow() {
-    syncTabBarText((k) => this.$t(k))
-    uni.setNavigationBarTitle({
+    const p = uni.setNavigationBarTitle({
       title: this.peerName || this.$t(this.navTitleKey)
     })
+    if (p && typeof p.catch === 'function') {
+      p.catch(() => {})
+    }
     if (this.sessionReady) {
       this.pollNewMessages()
       this.startPoll()

ruoyi-ui-app/package-a/course-detail/index.vue

@@ -1,213 +1,214 @@
-<template>
-  <!-- 课程详情（英文路径）：上视频、中标题、下日期+简介 -->
-  <view :class="pageRootClass" class="tab-page course-detail-page">
-    <scroll-view scroll-y class="course-detail-scroll" enable-back-to-top>
-      <view class="course-detail-inner">
-        <view class="course-detail-top">
-          <video
-            v-if="videoSrc"
-            class="course-detail-video"
-            :src="videoSrc"
-            :poster="posterSrc"
-            controls
-            object-fit="contain"
-            :enable-progress-gesture="true"
-            :show-center-play-btn="true"
-          />
-          <view v-else class="course-detail-video course-detail-video--empty">
-            <text class="text-body course-detail-video__ph">{{ $t('courseDetailPage.noVideo') }}</text>
-          </view>
-        </view>
-        <text class="course-detail-title">{{ displayTitle }}</text>
-        <view class="course-detail-bottom">
-          <text class="text-body course-detail-date">{{ displayDate }}</text>
-          <text class="text-body course-detail-intro">{{ introText }}</text>
-        </view>
-      </view>
-    </scroll-view>
-  </view>
-</template>
-
-<script>
-import tabPage from '@/mixins/tabPage'
-import { syncTabBarText } from '@/utils/tabBar'
-import { joinApiUrl } from '@/config'
-
-const POSTER = '/static/ai/hero.png'
-
-export default {
-  mixins: [tabPage],
-  data() {
-    return {
-      navTitleKey: 'courseDetailPage.navTitle',
-      courseId: '',
-      displayTitleRaw: '',
-      typeCode: '',
-      displayDate: '',
-      introduction: '',
-      videoSrc: '',
-      posterSrc: POSTER
-    }
-  },
-  computed: {
-    displayTitle() {
-      return this.displayTitleRaw || this.$t('courseDetailPage.titleFallback')
-    },
-    introText() {
-      return this.introduction || this.$t('courseDetailPage.noIntro')
-    }
-  },
-  onLoad(query) {
-    const q = query || {}
-    this.courseId = this.decodeQuery(q, 'id')
-    this.displayTitleRaw = this.decodeQuery(q, 'title')
-    this.typeCode = this.decodeQuery(q, 'type')
-    this.introduction = this.decodeQuery(q, 'introduction')
-    this.displayDate = this.decodeQuery(q, 'date') || this.$t('courseDetailPage.noDate')
-
-    const src = this.decodeQuery(q, 'src')
-    this.videoSrc = src ? joinApiUrl(src) : ''
-
-    const cover = this.decodeQuery(q, 'cover')
-    this.posterSrc = cover ? joinApiUrl(cover) : POSTER
-  },
-  onShow() {
-    syncTabBarText((k) => this.$t(k))
-    uni.setNavigationBarTitle({
-      title: this.displayTitleRaw || this.$t(this.navTitleKey)
-    })
-  },
-  methods: {
-    decodeQuery(q, key) {
-      const raw = q && q[key]
-      if (raw == null || raw === '') {
-        return ''
-      }
-      try {
-        return decodeURIComponent(String(raw))
-      } catch (e) {
-        return String(raw)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/styles/morandi.scss';
-@import '@/styles/tab-page.scss';
-
-.course-detail-page {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 100%;
-  box-sizing: border-box;
-  background: $morandi-bg-page;
-}
-
-.course-detail-scroll {
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
-}
-
-.course-detail-inner {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  gap: 28rpx;
-  min-width: 0;
-  padding: 24rpx 24rpx 48rpx;
-  box-sizing: border-box;
-}
-
-.course-detail-top {
-  width: 100%;
-  min-width: 0;
-  border-radius: 16rpx;
-  overflow: hidden;
-  background: #000;
-  border: 1rpx solid $morandi-border;
-}
-
-.course-detail-video {
-  display: block;
-  width: 100%;
-  height: 400rpx;
-  background: #1a1a1a;
-}
-
-.course-detail-video--empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.course-detail-video__ph {
-  color: $morandi-text-muted;
-  text-align: center;
-  padding: 24rpx;
-}
-
-.course-detail-title {
-  display: block;
-  width: 100%;
-  text-align: center;
-  font-size: 36rpx;
-  font-weight: 700;
-  line-height: 1.45;
-  color: #111827;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-
-.course-detail-bottom {
-  display: flex;
-  flex-direction: column;
-  gap: 16rpx;
-  min-width: 0;
-  padding: 0 8rpx;
-  box-sizing: border-box;
-}
-
-.course-detail-date {
-  font-size: 24rpx;
-  line-height: 1.5;
-  color: $morandi-text-muted;
-  text-align: center;
-}
-
-.course-detail-intro {
-  font-size: 28rpx;
-  line-height: 1.55;
-  color: $morandi-text-secondary;
-  text-align: left;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-
-.course-detail-page.lang-bo {
-  .course-detail-title {
-    font-size: 32rpx;
-    line-height: 1.75;
-    letter-spacing: 2rpx;
-    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-  }
-
-  .course-detail-date {
-    font-size: 22rpx;
-    line-height: 1.75;
-    letter-spacing: 2rpx;
-    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-  }
-
-  .course-detail-intro {
-    font-size: 26rpx;
-    line-height: 1.75;
-    letter-spacing: 2rpx;
-    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-  }
-}
-</style>
-
+<template>
+  <!-- 课程详情（英文路径）：上视频、中标题、下日期+简介 -->
+  <view :class="pageRootClass" class="tab-page course-detail-page">
+    <scroll-view scroll-y class="course-detail-scroll" enable-back-to-top>
+      <view class="course-detail-inner">
+        <view class="course-detail-top">
+          <video
+            v-if="videoSrc"
+            class="course-detail-video"
+            :src="videoSrc"
+            :poster="posterSrc"
+            controls
+            object-fit="contain"
+            :enable-progress-gesture="true"
+            :show-center-play-btn="true"
+          />
+          <view v-else class="course-detail-video course-detail-video--empty">
+            <text class="text-body course-detail-video__ph">{{ $t('courseDetailPage.noVideo') }}</text>
+          </view>
+        </view>
+        <text class="course-detail-title">{{ displayTitle }}</text>
+        <view class="course-detail-bottom">
+          <text class="text-body course-detail-date">{{ displayDate }}</text>
+          <text class="text-body course-detail-intro">{{ introText }}</text>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import tabPage from '@/mixins/tabPage'
+import { joinApiUrl } from '@/config'
+
+const POSTER = '/static/ai/hero.png'
+
+export default {
+  mixins: [tabPage],
+  data() {
+    return {
+      navTitleKey: 'courseDetailPage.navTitle',
+      courseId: '',
+      displayTitleRaw: '',
+      typeCode: '',
+      displayDate: '',
+      introduction: '',
+      videoSrc: '',
+      posterSrc: POSTER
+    }
+  },
+  computed: {
+    displayTitle() {
+      return this.displayTitleRaw || this.$t('courseDetailPage.titleFallback')
+    },
+    introText() {
+      return this.introduction || this.$t('courseDetailPage.noIntro')
+    }
+  },
+  onLoad(query) {
+    const q = query || {}
+    this.courseId = this.decodeQuery(q, 'id')
+    this.displayTitleRaw = this.decodeQuery(q, 'title')
+    this.typeCode = this.decodeQuery(q, 'type')
+    this.introduction = this.decodeQuery(q, 'introduction')
+    this.displayDate = this.decodeQuery(q, 'date') || this.$t('courseDetailPage.noDate')
+
+    const src = this.decodeQuery(q, 'src')
+    this.videoSrc = src ? joinApiUrl(src) : ''
+
+    const cover = this.decodeQuery(q, 'cover')
+    this.posterSrc = cover ? joinApiUrl(cover) : POSTER
+  },
+  onShow() {
+    const p = uni.setNavigationBarTitle({
+      title: this.displayTitleRaw || this.$t(this.navTitleKey)
+    })
+    if (p && typeof p.catch === 'function') {
+      p.catch(() => {})
+    }
+  },
+  methods: {
+    decodeQuery(q, key) {
+      const raw = q && q[key]
+      if (raw == null || raw === '') {
+        return ''
+      }
+      try {
+        return decodeURIComponent(String(raw))
+      } catch (e) {
+        return String(raw)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/styles/morandi.scss';
+@import '@/styles/tab-page.scss';
+
+.course-detail-page {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 100%;
+  box-sizing: border-box;
+  background: $morandi-bg-page;
+}
+
+.course-detail-scroll {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+}
+
+.course-detail-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 28rpx;
+  min-width: 0;
+  padding: 24rpx 24rpx 48rpx;
+  box-sizing: border-box;
+}
+
+.course-detail-top {
+  width: 100%;
+  min-width: 0;
+  border-radius: 16rpx;
+  overflow: hidden;
+  background: #000;
+  border: 1rpx solid $morandi-border;
+}
+
+.course-detail-video {
+  display: block;
+  width: 100%;
+  height: 400rpx;
+  background: #1a1a1a;
+}
+
+.course-detail-video--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.course-detail-video__ph {
+  color: $morandi-text-muted;
+  text-align: center;
+  padding: 24rpx;
+}
+
+.course-detail-title {
+  display: block;
+  width: 100%;
+  text-align: center;
+  font-size: 36rpx;
+  font-weight: 700;
+  line-height: 1.45;
+  color: #111827;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.course-detail-bottom {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+  min-width: 0;
+  padding: 0 8rpx;
+  box-sizing: border-box;
+}
+
+.course-detail-date {
+  font-size: 24rpx;
+  line-height: 1.5;
+  color: $morandi-text-muted;
+  text-align: center;
+}
+
+.course-detail-intro {
+  font-size: 28rpx;
+  line-height: 1.55;
+  color: $morandi-text-secondary;
+  text-align: left;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.course-detail-page.lang-bo {
+  .course-detail-title {
+    font-size: 32rpx;
+    line-height: 1.75;
+    letter-spacing: 2rpx;
+    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  }
+
+  .course-detail-date {
+    font-size: 22rpx;
+    line-height: 1.75;
+    letter-spacing: 2rpx;
+    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  }
+
+  .course-detail-intro {
+    font-size: 26rpx;
+    line-height: 1.75;
+    letter-spacing: 2rpx;
+    font-family: 'Noto Sans Tibetan', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  }
+}
+</style>
+

ruoyi-ui-app/package-a/training-detail/index.vue

@@ -45,7 +45,6 @@
 import UButton from 'uview-plus/components/u-button/u-button.vue'
 import ULazyLoad from 'uview-plus/components/u-lazy-load/u-lazy-load.vue'
 import tabPage from '@/mixins/tabPage'
-import { syncTabBarText } from '@/utils/tabBar'
 import { joinApiUrl } from '@/config'
 import {
   getMyEnrollDetail,
@@ -219,10 +218,12 @@ export default {
     this.applyQueryDates(q)
   },
   onShow() {
-    syncTabBarText((k) => this.$t(k))
-    uni.setNavigationBarTitle({
+    const p = uni.setNavigationBarTitle({
       title: this.displayTitleRaw || this.$t(this.navTitleKey)
     })
+    if (p && typeof p.catch === 'function') {
+      p.catch(() => {})
+    }
     this.loadEnrollDetail()
   },
   methods: {

ruoyi-ui-app/pages/mine/index.vue

@@ -169,9 +169,12 @@ export default {
       this.layoutKey += 1
       this.$nextTick(() => {
         syncTabBarText((k) => this.$t(k))
-        uni.setNavigationBarTitle({
+        const p = uni.setNavigationBarTitle({
           title: this.$t(this.navTitleKey)
         })
+        if (p && typeof p.catch === 'function') {
+          p.catch(() => {})
+        }
       })
     }
   }
@@ -189,6 +192,11 @@ export default {
   min-height: 100%;
   background: $morandi-bg-page;
   box-sizing: border-box;
+  /* #ifdef H5 */
+  height: 100vh;
+  height: 100dvh;
+  overflow: hidden;
+  /* #endif */
 }
 
 .mine-scroll {
@@ -198,6 +206,10 @@ export default {
   min-width: 0;
   padding: 24rpx 24rpx 40rpx;
   box-sizing: border-box;
+  /* #ifdef H5 */
+  height: 100%;
+  min-height: 1px;
+  /* #endif */
 }
 
 .mine-profile {

ruoyi-ui-app/uni.promisify.adaptor.js

@@ -1,13 +1,26 @@
+function isTabBarFail(err) {
+  const msg = err && err.errMsg ? String(err.errMsg) : ''
+  return msg.includes('TabBar') && msg.includes('fail')
+}
+
 uni.addInterceptor({
-  returnValue (res) {
-    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
-      return res;
+  returnValue(res) {
+    if (!(!!res && (typeof res === 'object' || typeof res === 'function') && typeof res.then === 'function')) {
+      return res
     }
     return new Promise((resolve, reject) => {
-      res.then((res) => {
-        if (!res) return resolve(res) 
-        return res[0] ? reject(res[0]) : resolve(res[1])
-      });
-    });
-  },
-});
+      res.then((tuple) => {
+        if (!tuple) {
+          return resolve(tuple)
+        }
+        if (tuple[0]) {
+          if (isTabBarFail(tuple[0])) {
+            return resolve(tuple[0])
+          }
+          return reject(tuple[0])
+        }
+        return resolve(tuple[1])
+      })
+    })
+  }
+})

ruoyi-ui-app/utils/tabBar.js

@@ -8,30 +8,82 @@ const TAB_PAGE_PATHS = new Set([
   'pages/mine/index'
 ])
 
+/** 运行时会改 TabBar 的 uni API（非 Tab 页调用会报 not TabBar page） */
+const TABBAR_API_NAMES = [
+  'setTabBarStyle',
+  'setTabBarItem',
+  'setTabBarBadge',
+  'removeTabBarBadge',
+  'showTabBarRedDot',
+  'hideTabBarRedDot',
+  'showTabBar',
+  'hideTabBar',
+  'setTabBarMidButton'
+]
+
+function normalizePageRoute(route) {
+  if (!route) {
+    return ''
+  }
+  let r = String(route).replace(/^\//, '')
+  const prefixes = ['bqH5/', 'bqjy/']
+  for (const prefix of prefixes) {
+    if (r.startsWith(prefix)) {
+      r = r.slice(prefix.length)
+    }
+  }
+  return r
+}
+
 /**
- * 当前栈顶是否为原生 TabBar 页；分包等页面调用 setTabBar* 会报 not TabBar page。
+ * 当前栈顶是否为原生 TabBar 页
  */
 export function isTabBarPage() {
   const stack = getCurrentPages()
-  if (!stack.length) return false
+  if (!stack.length) {
+    return false
+  }
   const cur = stack[stack.length - 1]
-  const route = cur.route || ''
+  const route = normalizePageRoute(cur.route || '')
   return TAB_PAGE_PATHS.has(route)
 }
 
+function installTabBarApiGuard() {
+  if (typeof uni === 'undefined' || !uni.addInterceptor) {
+    return
+  }
+  TABBAR_API_NAMES.forEach((name) => {
+    if (typeof uni[name] !== 'function') {
+      return
+    }
+    uni.addInterceptor(name, {
+      invoke() {
+        if (!isTabBarPage()) {
+          return false
+        }
+      }
+    })
+  })
+}
+
+installTabBarApiGuard()
+
 /**
- * 原生 tabBar 的 text 不能写进 pages.json 的 i18n，需在运行时按当前语言更新。
+ * 原生 tabBar 的 text 不能写进 pages.json 的 i18n，需在运行时按当前语言更新（仅 Tab 页）
  * @param {(key: string) => string} t  如 (k) => this.$t(k)
  */
 export function syncTabBarText(t) {
-  if (!isTabBarPage()) return
+  if (!isTabBarPage()) {
+    return
+  }
   TAB_KEYS.forEach((key, index) => {
-    uni.setTabBarItem({
+    const p = uni.setTabBarItem({
       index,
       text: t(key),
-      fail() {
-        /* 个别端仍可能失败，静默即可 */
-      }
+      fail() {}
     })
+    if (p && typeof p.catch === 'function') {
+      p.catch(() => {})
+    }
   })
 }

ruoyi-ui-app/vite.config.js

@@ -4,6 +4,18 @@ import { LLM_PROXY_TARGET } from './config/llm.js'
 
 const llmTarget = String(LLM_PROXY_TARGET || '').replace(/\/$/, '')
 
+/** 与 manifest.json h5.router.base 一致：生产 /bqH5/，开发 / */
+function resolvePublicPath(mode, env) {
+  if (mode !== 'production') {
+    return '/'
+  }
+  const raw = String(env.VITE_APP_PUBLIC_PATH || 'bqH5').trim()
+  if (!raw || raw === '/') {
+    return '/'
+  }
+  return `/${raw.replace(/^\/+|\/+$/g, '')}/`
+}
+
 /**
  * uni-app Vue3 H5 开发代理
  * - /dev-api → 若依后端（.env.development 的 VITE_APP_API_HOST）
@@ -11,11 +23,17 @@ const llmTarget = String(LLM_PROXY_TARGET || '').replace(/\/$/, '')
  */
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
+  const base = resolvePublicPath(mode, env)
   const devApiTarget = String(env.VITE_APP_API_HOST || 'http://192.168.1.6:8010').replace(/\/$/, '')
   const devApiPrefix = String(env.VITE_APP_BASE_API || '/dev-api')
 
   return {
+    base,
     plugins: [uni()],
+    build: {
+      // iOS Safari 对 modulepreload 更敏感，预加载未使用的 chunk 易拖慢首屏
+      modulePreload: false
+    },
     server: {
       proxy: {
         [devApiPrefix]: {