index.wxml 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!--nova-tourism/pages/homestay/homestay-detail/index.wxml-->
  2. <nav type="back" background-color="#ffffff" frontColor="#000000" title="剑仙居民宿" />
  3. <view class="all" scroll-y="true" bindscroll="onScroll" style="height: {{contentHeight}}rpx;padding-bottom: {{bottomNavHeight}}rpx;">
  4. <!-- 轮播图 -->
  5. <view class="picturebox">
  6. <swiper autoplay="{{true}}" interval="{{3000}}" circular duration="{{500}}" class="img" bindchange="onSwiperChange">
  7. <block wx:for="{{imageUrls}}" wx:key="index" wx:for-item="img">
  8. <swiper-item class="img">
  9. <image src="{{img}}" mode="aspectFill"></image>
  10. </swiper-item>
  11. </block>
  12. </swiper>
  13. <view class="numberbox">{{index}}/{{imageUrls.length}}</view>
  14. </view>
  15. <view class="card">
  16. <view class="Legendary-Information">
  17. <view class="info-name">
  18. <view class="name-tex">剑仙居民宿</view>
  19. <image class="name-pic" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png"></image>
  20. </view>
  21. <view class="info-intr">剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述剑仙居民宿描述</view>
  22. <view class="info-map">
  23. <view class="map"></view>
  24. <view class="info-call">
  25. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/n7me1o092906284.png"></image>
  26. <view class="call-tex">联系望仙管家</view>
  27. </view>
  28. </view>
  29. </view>
  30. <view class="roomcard">
  31. <van-sticky z-index='999' offset-top="{{statusBarHeight+customHeight-5}}">
  32. <view class="timebox">
  33. <view class="time">
  34. <view class="time-tex">今天</view>
  35. <view class="time-time">11月11日</view>
  36. </view>
  37. <van-icon name="minus" size='30rpx' custom-style='font-weight: 600;margin-bottom: 4rpx;margin-right: 6rpx;' />
  38. <view class="time">
  39. <view class="time-tex">明天</view>
  40. <view class="time-time">11月12日</view>
  41. </view>
  42. <view class="time_tex2">共1晚</view>
  43. </view>
  44. </van-sticky>
  45. <block wx:for="{{4}}">
  46. <view class="room-card">
  47. <view class="room-card1">
  48. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/v5nu1u104043606.png"></image>
  49. <view class="room-card-textbox">
  50. <view class="room-card-textbox-titlebox">
  51. <view class="room-card-textbox-title">豪华标准房</view>
  52. <van-icon name="arrow" custom-style='margin-top: 8rpx;' />
  53. </view>
  54. <view class="room-card-textbox-info">
  55. 2张1.2米床 2人入住 33㎡ 可吸烟 含早餐 不可取消
  56. </view>
  57. <view class="room-card-textbox-label">
  58. <block wx:for="{{3}}">
  59. <view class="room-card-textbox-label2">
  60. 首单优惠¥100
  61. </view>
  62. <view class="room-card-textbox-label2">
  63. 望仙谷福袋
  64. </view>
  65. </block>
  66. </view>
  67. </view>
  68. </view>
  69. <view class="room-card2">
  70. <view class="price">¥199900</view>
  71. <view class="submit">订</view>
  72. </view>
  73. </view>
  74. <!-- 无房 -->
  75. <view class="room-card" style="opacity: 0.5;">
  76. <view class="room-card1">
  77. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/v5nu1u104043606.png"></image>
  78. <view class="room-card-textbox">
  79. <view class="room-card-textbox-titlebox">
  80. <view class="room-card-textbox-title">豪华标准房</view>
  81. <van-icon name="arrow" custom-style='margin-top: 8rpx;' />
  82. </view>
  83. <view class="room-card-textbox-info">
  84. 2张1.2米床 2人入住 33㎡ 可吸烟 含早餐 不可取消
  85. </view>
  86. <view class="room-card-textbox-label">
  87. <block wx:for="{{3}}">
  88. <view class="room-card-textbox-label2">
  89. 首单优惠¥100
  90. </view>
  91. <view class="room-card-textbox-label2">
  92. 望仙谷福袋
  93. </view>
  94. </block>
  95. </view>
  96. </view>
  97. </view>
  98. <view class="room-card2">
  99. <view class="no">时段无房</view>
  100. </view>
  101. </view>
  102. </block>
  103. </view>
  104. </view>
  105. </view>