reserve.wxml 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!--pages/reserve/reserve.wxml-->
  2. <view class="order-layer">
  3. <auth bindlogin="onShow" />
  4. <view class="order-list">
  5. <view class="order-item-info">
  6. <image src="{{brand.coverPicLink}}"></image>
  7. <view class="info-text">
  8. <text class="title">{{desk.deskName}}</text>
  9. <view class="aaa">
  10. <image src="/static/images/reserv_people.png"></image>
  11. <text>{{people}}人</text>
  12. </view>
  13. <view class="aaa">
  14. <image src="/static/images/reserv_time.png"></image>
  15. <text>{{showDate}}</text>
  16. </view>
  17. </view>
  18. </view>
  19. </view>
  20. <view>
  21. <view class="t-title">
  22. 预订信息
  23. </view>
  24. <view class="from-item">
  25. <text class="label">预订人</text>
  26. <input type="text" value="{{name}}" style="width: 50%" bindblur="focusHandle" bindinput="updateName" placeholder="请输入名称" placeholder-style="color:#C8C9CC;" />
  27. <div class="xf">
  28. <view class="bottom {{sex === 1 ? 'active': ''}}" bindtap="setSex1">先生</view>
  29. <view class="bottom {{sex === 0 ? 'active': ''}}" bindtap="setSex0">女士</view>
  30. </div>
  31. </view>
  32. <view class="from-item">
  33. <text class="label">联系电话</text>
  34. <input type="number" style="width: 70%" maxlength="11" placeholder="请输入手机号码" bindinput="updatePhone" value="{{phone}}" placeholder-style="color:#C8C9CC;" />
  35. <div class="xf">
  36. <text class="bottom" bindtap="sendCode">{{sendMis ? sendMis + '秒后可重新获取' : '获取验证码'}}</text>
  37. </div>
  38. </view>
  39. <view class="from-item">
  40. <text class="label">验证码</text>
  41. <input type="number" maxlength="6" placeholder="请输入验证码" bindinput="updateCode" value="{{code}}" placeholder-style="color:#C8C9CC;" />
  42. </view>
  43. </view>
  44. <view>
  45. <view class="t-title"> 温馨提示 </view>
  46. <view class="tip-content">可凭借订座短信,获取凉菜一份</view>
  47. </view>
  48. </view>
  49. <view class="save">
  50. <view class="jg">押金 <text>1</text></view>
  51. <view bindtap="save" class="bc">立即预订</view>
  52. </view>
  53. <view class="share" wx:if="{{showShare}}" style="background-image: url({{brand.coverPicLink}})">
  54. <view class="share-layer">
  55. <view class="h5">预订成功</view>
  56. <view class="p">是否要分享给朋友</view>
  57. <view>
  58. <button class="span enter" class="btn" open-type="share">立即分享</button>
  59. <view class="span quit" bindtap="quit">取消</view>
  60. </view>
  61. </view>
  62. </view>