修改页面

src/pages/index/index.vue

@@ -58,7 +58,7 @@
 			<view>
 				<mescroll-body @init="mescrollInit" @down="downCallback" @up="home.upCallback" :up="home.upOption" top="28rpx"
 					:fixed="true">
-					<view class="relative p-20rp mb-24rpx" v-for="(item, index) in 100" :key="index">
+					<view class="relative p-20rp mb-24rpx" v-for="(item, index) in 100" :key="index" @click="home.handleToReserveRoom(item)">
 						<view class="absolute top--28rpx left-0 z-1">
 							<wd-img width="110rpx" height="110rpx" :src="`${OSS}images/home_image4.png`"/>
 						</view>
@@ -112,9 +112,9 @@
 	import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
 	import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js";
 
-	let navbarHeight = ref(0)
+	let navbarHeight = ref<number>(0)
 	let OSS = inject('OSS')
-	let swiperList = ref([
+	let swiperList = ref<Object>([
 		{ id: 1, image: `${OSS}images/banner1.png` },
 		{ id: 2, image: `${OSS}images/banner1.png` },
 		{ id: 3, image: `${OSS}images/banner1.png` }
@@ -186,6 +186,13 @@
 		onChange: (e: any) => {
 			// 设置 current.value 为当前轮播索引
 			current.value = e.current
+		},
+
+		handleToReserveRoom: (id: number = 1) => {
+			// 跳转到预约茶室页面
+			uni.navigateTo({
+				url: `/pages-sub/reserve-room/reserve-room?id=${id}`
+			})
 		}
 	}
 </script>