调整导览讲解为底部主导航

src/components/navigation/GuidePageFrame.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     class="guide-page-frame"
-    :class="[`variant-${variant}`, { 'no-top-tabs': !showTopTabs }]"
+    :class="[`variant-${variant}`, { 'no-top-tabs': !showTopTabs, 'has-bottom-nav': showBottomNav }]"
   >
     <GuideTopTabs
       v-if="showTopTabs"
@@ -32,10 +32,16 @@
     <view class="guide-page-frame-body">
       <slot></slot>
     </view>
+    <GuideBottomNav
+      v-if="showBottomNav"
+      :active-tab="activeTab"
+      @tab-change="handleTabChange"
+    />
   </view>
 </template>
 
 <script setup lang="ts">
+import GuideBottomNav from '@/components/navigation/GuideBottomNav.vue'
 import GuideTopTabs from '@/components/navigation/GuideTopTabs.vue'
 import type { GuideTopTab } from '@/utils/guideTopTabs'
 
@@ -45,6 +51,7 @@ withDefaults(defineProps<{
   topTabsVariant?: 'underline' | 'segmented'
   topTabsTop?: string
   showTopTabs?: boolean
+  showBottomNav?: boolean
   showBack?: boolean
   showCancel?: boolean
   backLabel?: string
@@ -55,6 +62,7 @@ withDefaults(defineProps<{
   topTabsVariant: 'underline',
   topTabsTop: '0',
   showTopTabs: true,
+  showBottomNav: false,
   showBack: false,
   showCancel: false,
   backLabel: '返回',