hookehuyr

fix

......@@ -16,6 +16,10 @@ declare module '@vue/runtime-core' {
NutCol: typeof import('@nutui/nutui-taro')['Col']
NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider']
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']
PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
RoomCard: typeof import('./src/components/roomCard.vue')['default']
......
<!--
* @Date: 2022-09-19 14:11:06
* @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
* @Description: 文件描述
-->
<template>
<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">
<calendar-select @on-dates-change="onDatesChange"></calendar-select>
</view>
......@@ -16,9 +16,9 @@
<nut-tab-pane v-for="item in list" :title="'Tab ' + item" :pane-key="item">
<view class="book-list">
<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>
<view v-if="index === 19" style="height: 2rem;"></view>
<view v-if="index === 9" style="height: 2rem;"></view>
</view>
</scroll-view>
</view>
......@@ -33,8 +33,8 @@
<script setup>
import Taro from '@tarojs/taro'
import { ref } from "vue";
import calendarSelect from '@/components/calendarSelect.vue'
import navBar from '@/components/navBar.vue'
import calendarSelect from '@/components/calendarSelect.vue'
import roomCard from '@/components/roomCard.vue'
const onDatesChange = ({ startDate, endDate }) => {
......@@ -42,7 +42,7 @@ const onDatesChange = ({ startDate, endDate }) => {
}
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>
......@@ -62,6 +62,10 @@ export default {
mounted () {
// 设置首页封面高度
const windowHeight = wx.getSystemInfoSync().windowHeight;
// 处理切换显示白屏问题
setTimeout(() => {
this.showContent = true;
}, 100);
setTimeout(async () => {
const navHeight = await $('#navbar-page').height();
const calHeight = await $('#book-cal').height();
......@@ -70,6 +74,7 @@ export default {
},
data() {
return {
showContent: false,
indexCoverHeight: 0,
};
},
......