<view class="page">
  <view>
    <view style="background:white;margin-bottom:20rpx" wx:if="roomDetail.bannerImages.length>0">
      <view>
        <image class="slide-image" src="{{ IMG_NAME+roomDetail.bannerImages[0].name }}" mode='widthFix'></image>
      </view>
      <view style="padding:2% 4%;font-size:28rpx">
        <view style="display:inline-block">
          <text>租金：</text>
          <text><text style="color: #C11D24">{{roomDetail.rent}}</text> 元/㎡/月</text>
        </view>
        <view style="display:inline-block;float:right">
          <text>面积：</text>
          <text>{{roomDetail.area}} /平方米</text>
        </view>
      </view>
    </view>
    <view class="conten borderTop borderBottom">
      <view class="borderBottom" style="padding:2% 4%;">
        <label style="width:10rpx;height:24rpx;background:#4C84FF;display:inline-block;margin-right:16rpx;"></label>
        <text>预约信息</text>
      </view>
      <view style="padding-left:4%;">
        <view style="padding:4% 0;" class="borderBottom">
          <input type="text" value='{{form.userName}}' maxlength="7" placeholder="请输入您的姓名" bindinput="nameInput"/>
        </view>
        <view style="padding:4% 0;" class="borderBottom">
          <input type="number" value='{{form.mobile}}' maxlength="11" placeholder="请输入您的手机号" bindinput="mobileInput"/>
        </view>
      </view>
    </view>
  </view>
  <view class="btn" bindtap="apply">提交申请</view>
</view>