fix

@@ -16,6 +16,10 @@ declare module '@vue/runtime-core' {
     NutCol: typeof import('@nutui/nutui-taro')['Col']
     NutCol: typeof import('@nutui/nutui-taro')['Col']
     NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider']
     NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider']
     NutRow: typeof import('@nutui/nutui-taro')['Row']
     NutRow: typeof import('@nutui/nutui-taro')['Row']
+    NutTabbar: typeof import('@nutui/nutui-taro')['Tabbar']
+    NutTabbarItem: typeof import('@nutui/nutui-taro')['TabbarItem']
+    NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
+    NutTabs: typeof import('@nutui/nutui-taro')['Tabs']
     Picker: typeof import('./src/components/time-picker-data/picker.vue')['default']
     Picker: typeof import('./src/components/time-picker-data/picker.vue')['default']
     PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
     PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
     RoomCard: typeof import('./src/components/roomCard.vue')['default']
     RoomCard: typeof import('./src/components/roomCard.vue')['default']

 <!--
 <!--
  * @Date: 2022-09-19 14:11:06
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-12-15 13:07:36
+ * @LastEditTime: 2023-12-15 13:32:01
  * @FilePath: /meihuaApp/src/pages/book/index.vue
  * @FilePath: /meihuaApp/src/pages/book/index.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
 <template>
 <template>
   <view class="book-page">
   <view class="book-page">
-    <view id="book-content" class="book-content">
+    <view v-if="showContent" id="book-content" class="book-content">
       <view id="book-cal" class="book-cal">
       <view id="book-cal" class="book-cal">
         <calendar-select @on-dates-change="onDatesChange"></calendar-select>
         <calendar-select @on-dates-change="onDatesChange"></calendar-select>
       </view>
       </view>
@@ -16,9 +16,9 @@
           <nut-tab-pane v-for="item in list" :title="'Tab ' + item" :pane-key="item">
           <nut-tab-pane v-for="item in list" :title="'Tab ' + item" :pane-key="item">
             <view class="book-list">
             <view class="book-list">
               <scroll-view :style="scrollStyle" :scroll-y="true" :scroll-with-animation="true" @scrolltolower="onScrollToLower">
               <scroll-view :style="scrollStyle" :scroll-y="true" :scroll-with-animation="true" @scrolltolower="onScrollToLower">
-                <view v-for="(item, index) in 20" :key="index">
+                <view v-for="(item, index) in 10" :key="index">
                   <room-card :key="index"></room-card>
                   <room-card :key="index"></room-card>
-                  <view v-if="index === 19" style="height: 2rem;"></view>
+                  <view v-if="index === 9" style="height: 2rem;"></view>
                 </view>
                 </view>
               </scroll-view>
               </scroll-view>
             </view>
             </view>
@@ -33,8 +33,8 @@
 <script setup>
 <script setup>
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import { ref } from "vue";
 import { ref } from "vue";
-import calendarSelect from '@/components/calendarSelect.vue'
 import navBar from '@/components/navBar.vue'
 import navBar from '@/components/navBar.vue'
+import calendarSelect from '@/components/calendarSelect.vue'
 import roomCard from '@/components/roomCard.vue'
 import roomCard from '@/components/roomCard.vue'
 
 
 const onDatesChange = ({ startDate, endDate }) => {
 const onDatesChange = ({ startDate, endDate }) => {
@@ -42,7 +42,7 @@ const onDatesChange = ({ startDate, endDate }) => {
 }
 }
 
 
 const value = ref('0');
 const value = ref('0');
-const list = new Array(10).fill(0).map((_, index) => index);
+const list = new Array(5).fill(0).map((_, index) => index);
 </script>
 </script>
 
 
 <script>
 <script>
@@ -62,6 +62,10 @@ export default {
   mounted () {
   mounted () {
     // 设置首页封面高度
     // 设置首页封面高度
     const windowHeight = wx.getSystemInfoSync().windowHeight;
     const windowHeight = wx.getSystemInfoSync().windowHeight;
+    // 处理切换显示白屏问题
+    setTimeout(() => {
+      this.showContent = true;
+    }, 100);
     setTimeout(async () => {
     setTimeout(async () => {
       const navHeight = await $('#navbar-page').height();
       const navHeight = await $('#navbar-page').height();
       const calHeight = await $('#book-cal').height();
       const calHeight = await $('#book-cal').height();
@@ -70,6 +74,7 @@ export default {
   },
   },
   data() {
   data() {
     return {
     return {
+      showContent: false,
       indexCoverHeight: 0,
       indexCoverHeight: 0,
     };
     };
   },
   },