zkyxcx/pages/hotel/hotel.wxml

<!--pages/hotel/hotel.wxml-->
<swiper indicator-dots="{{true}}" indicator-active-color='#ffffff'>
        <block wx:for="{{info.imgs}}" wx:key="*this">
          <swiper-item>
            <image style="width:100%;height:100%;"  src="{{item}}"></image>
          </swiper-item>
        </block>
</swiper>
  
<view class="top">
  <view class="tt">{{info.name}}</view>
  <text>地址：{{info.address}}</text>
  <text>联系电话：{{info.telephone}}</text>
</view>

<view class="content">
    <view class="list" wx:for='{{info.rooms}}'>
        <image src="{{item.img}}"></image>
        
        <view>
            <view class="title">{{item.name}}</view>
            <text style="color:#999;">{{item.room_area}}m²   {{item.food_condition}}   {{item.floor}}层   {{item.enable_number}}人入住    </text>
            <text>{{item.unit_price}}元</text>
            <text>剩余数量：{{item.room_number}}</text>
            <view wx:if='{{item.room_number>0}}' bindtap="show_order" data-id='{{index}}' class="btn">预定</view>
        </view>
    </view>
</view>



<view class="bg" wx:if='{{show}}'>
  <view class="room">  
      <icon bindtap="close" class="icon-small" type="cancel" size="23"></icon>
      <text class="room_title">{{data.name}}</text>
      <!-- <image src="{{data.img}}"></image> -->
      <swiper indicator-dots="{{true}}" indicator-active-color='#ffffff'>
                <block wx:for="{{data.imgs}}" wx:key="*this">
                  <swiper-item>
                    <image style="width:100%;height:100%;"  src="{{item}}"></image>
                  </swiper-item>
                </block>
      </swiper>
      <view class="room_item">
          房型信息
          <view><text>房型:{{data.room_type}}</text><text>面积:{{data.room_area}}m²</text></view>
          <view><text>可住:{{data.enable_number}}人</text><text>楼层:{{data.floor}}层</text></view>
          <view><text>床型:{{data.name}}</text><text>窗户:{{data.window_condition}}</text></view>
          <view><text>餐食:{{data.food_condition}}</text><text>房价:{{data.unit_price}}元</text></view>
      </view>
      <view class="room_item" style="padding:20rpx 10rpx;">
        <label>入住人数: </label>
        <radio-group class='rs' bindchange="bindinputChange">
          <label class="radio" wx:for='{{data.nums}}'>
            <radio value="{{item}}" />{{item}}人
          </label>
        </radio-group>
        <!-- <input type="number" bindinput="bindinputChange"></input> -->
      </view>
      <view class="room_item">
        <view><label>入住时间: </label>
          <picker mode="date" value="{{s_time}}" start="{{start}}"  end='{{end}}'  bindchange="bindDateChange">
            <view class="picker">
              <text wx:if='{{!s_time}}'>请选择</text>
               {{s_time}}
            </view>
          </picker>
        </view>
        <view>
          <label>离开时间: </label>
          <picker mode="date" value="{{e_time}}" start="{{start1}}" 
          end='{{end}}' bindchange="bindDateChange1">
            <view class="picker">
              <text wx:if='{{!e_time}}'>请选择</text>
               {{e_time}}
            </view>
          </picker>
        </view>

      </view>
      <view bindtap="order" data-id='{{data.id}}' class="order">预定</view>
  </view>
</view>


<view wx:if='{{success}}' class="bg end">
        <icon type="success" size='72'></icon>
        <view>恭喜您报名成功</view>
        <view class="form_info">请您准时参加会议，到达会议地点届时将会有我方工作人员安排您的入住</view>
        <button bindtap="home" class="post">确认</button>
</view>