|
@@ -60,18 +60,66 @@
|
|
|
<swiper-item v-for="(ele, index) in townList" :key="index">
|
|
<swiper-item v-for="(ele, index) in townList" :key="index">
|
|
|
<view class="swiper_item">
|
|
<view class="swiper_item">
|
|
|
<view class="item_box" v-for="(swi, index2) in ele" :key="index2" @click="handleChooseTown2(swi.name)">
|
|
<view class="item_box" v-for="(swi, index2) in ele" :key="index2" @click="handleChooseTown2(swi.name)">
|
|
|
- <img v-if="index === 0 && index2 === 0" src="https://chtech.ncjti.edu.cn/hotelReservation/image/1.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 0 && index2 === 1" src="https://chtech.ncjti.edu.cn/hotelReservation/image/2.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 0 && index2 === 2" src="https://chtech.ncjti.edu.cn/hotelReservation/image/3.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 1 && index2 === 0" src="https://chtech.ncjti.edu.cn/hotelReservation/image/4.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 1 && index2 === 1" src="https://chtech.ncjti.edu.cn/hotelReservation/image/5.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 1 && index2 === 2" src="https://chtech.ncjti.edu.cn/hotelReservation/image/6.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 2 && index2 === 0" src="https://chtech.ncjti.edu.cn/hotelReservation/image/7.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 2 && index2 === 1" src="https://chtech.ncjti.edu.cn/hotelReservation/image/8.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 2 && index2 === 2" src="https://chtech.ncjti.edu.cn/hotelReservation/image/9.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 3 && index2 === 0" src="https://chtech.ncjti.edu.cn/hotelReservation/image/10.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 3 && index2 === 1" src="https://chtech.ncjti.edu.cn/hotelReservation/image/11.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 3 && index2 === 2" src="https://chtech.ncjti.edu.cn/hotelReservation/image/12.png" mode="aspectFill" />
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 0 && index2 === 0"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163202_1.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 0 && index2 === 1"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163133_2.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 0 && index2 === 2"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163218_3.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 1 && index2 === 0"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163234_4.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 1 && index2 === 1"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163251_5.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 1 && index2 === 2"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163307_6.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 2 && index2 === 0"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163321_7.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 2 && index2 === 1"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163344_8.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 2 && index2 === 2"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163357_9.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 3 && index2 === 0"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163411_10.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 3 && index2 === 1"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163428_11.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
|
|
+ <img
|
|
|
|
|
+ v-if="index === 3 && index2 === 2"
|
|
|
|
|
+ src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163458_13.png"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
|
|
+ />
|
|
|
<view class="box_town">{{ swi.name }}</view>
|
|
<view class="box_town">{{ swi.name }}</view>
|
|
|
<view class="box_count">剩{{ swi.residueNumber }}间</view>
|
|
<view class="box_count">剩{{ swi.residueNumber }}间</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -242,18 +290,18 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="body_content">
|
|
<view class="body_content">
|
|
|
<view class="content_box" v-for="(item, index) in popList" :key="index" @click="handleChooseTown(item.name)">
|
|
<view class="content_box" v-for="(item, index) in popList" :key="index" @click="handleChooseTown(item.name)">
|
|
|
- <img v-if="index === 0" src="https://chtech.ncjti.edu.cn/hotelReservation/image/1.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 1" src="https://chtech.ncjti.edu.cn/hotelReservation/image/2.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 2" src="https://chtech.ncjti.edu.cn/hotelReservation/image/3.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 3" src="https://chtech.ncjti.edu.cn/hotelReservation/image/4.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 4" src="https://chtech.ncjti.edu.cn/hotelReservation/image/5.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 5" src="https://chtech.ncjti.edu.cn/hotelReservation/image/6.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 6" src="https://chtech.ncjti.edu.cn/hotelReservation/image/7.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 7" src="https://chtech.ncjti.edu.cn/hotelReservation/image/8.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 8" src="https://chtech.ncjti.edu.cn/hotelReservation/image/9.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 9" src="https://chtech.ncjti.edu.cn/hotelReservation/image/10.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 10" src="https://chtech.ncjti.edu.cn/hotelReservation/image/11.png" mode="aspectFill" />
|
|
|
|
|
- <img v-if="index === 11" src="https://chtech.ncjti.edu.cn/hotelReservation/image/12.png" mode="aspectFill" />
|
|
|
|
|
|
|
+ <img v-if="index === 0" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163202_1.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 1" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163133_2.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 2" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163218_3.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 3" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163234_4.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 4" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163251_5.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 5" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163307_6.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 6" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163321_7.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 7" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163344_8.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 8" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163357_9.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 9" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163411_10.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 10" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163428_11.png" mode="aspectFill" />
|
|
|
|
|
+ <img v-if="index === 11" src="https://jinganminsu-1320402385.cos.ap-nanjing.myqcloud.com/static//20240523163458_13.png" mode="aspectFill" />
|
|
|
<view class="box_town">{{ item.name }}</view>
|
|
<view class="box_town">{{ item.name }}</view>
|
|
|
<view class="box_count">剩{{ item.residueNumber }}间</view>
|
|
<view class="box_count">剩{{ item.residueNumber }}间</view>
|
|
|
</view>
|
|
</view>
|