同步 sgs-frontend-mobile 源码

src/pages/hall/detail.vue

@@ -26,10 +26,11 @@
           </view>
         </view>
 
-        <view v-if="loading" class="state-block">
-          <text class="state-title">正在加载讲解列表</text>
-          <text class="state-desc">稍后将展示该展厅下的讲解内容。</text>
-        </view>
+        <GuideLoadingState
+          v-if="loading"
+          title="正在加载讲解列表"
+          description="请稍候"
+        />
 
         <view v-else-if="error" class="state-block error">
           <text class="state-title">讲解列表加载失败</text>
@@ -79,6 +80,7 @@
 import { computed, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import GuidePageFrame from '@/components/navigation/GuidePageFrame.vue'
+import GuideLoadingState from '@/components/navigation/GuideLoadingState.vue'
 import {
   explainUseCase
 } from '@/usecases/explainUseCase'
@@ -106,7 +108,7 @@ const resolvedHallPoiId = ref('')
 
 const hall = ref<HallDetailViewModel>({
   id: '',
-  name: '展厅讲解',
+  name: '免费讲解',
   floorLabel: '楼层待补充',
   description: '该展厅暂无介绍文案。',
   image: HALL_PLACEHOLDER_IMAGE,
@@ -188,8 +190,8 @@ onLoad(async (options: any = {}) => {
     loading.value = false
     resolveHallGuidePoiInBackground()
   } catch (err) {
-    console.error('加载展厅讲解失败:', err)
-    error.value = '展厅讲解加载失败，请稍后重试'
+    console.error('加载免费讲解失败:', err)
+    error.value = '免费讲解加载失败，请稍后重试'
   } finally {
     loading.value = false
   }