index.wxml 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <nav type="back" title="添加入住人" />
  2. <view class="page-section">
  3. <list-item label="姓名" >
  4. <view slot="content">
  5. <input type="text" placeholder="请填写入住人姓名" model:value="{{realname}}" bind:input="onChange" />
  6. </view>
  7. </list-item>
  8. <van-divider customStyle="margin:8rpx 0;"/>
  9. <list-item label="证件类型" arrow="arrow" bind:arrowtap="selectCardtype">
  10. <view slot="content" bind:tap="selectCardtype">
  11. <text class="text text-left">{{cardtype}}</text>
  12. </view>
  13. </list-item>
  14. <van-divider customStyle="margin:8rpx 0;"/>
  15. <list-item label="证件号码" >
  16. <view slot="content">
  17. <input type="idcard" placeholder="请填写真实证件号码" model:value="{{idcard}}"/>
  18. </view>
  19. </list-item>
  20. <van-divider customStyle="margin:8rpx 0;"/>
  21. <list-item label="手机号码" >
  22. <view slot="content">
  23. <input type="text" placeholder="请填写手机号码" model:value="{{mobile}}"/>
  24. </view>
  25. </list-item>
  26. <van-divider customStyle="margin:8rpx 0;"/>
  27. </view>
  28. <view class="page-section">
  29. <view class="text-small spacing-small grey">
  30. <van-icon name="warning" class="warning"></van-icon>
  31. <text class="tips">根据国家相关法律法规,入住经营性质的酒店、民宿,必须提供入住者的身份信息。\n 您的身份信息会严格保密,仅用于必要的身份核实。\n上述手机号码将用于房东在提供入住和相关服务时联系房客,请您知悉。
  32. </text>
  33. </view>
  34. </view>
  35. <view class="page-section">
  36. <button class="save-btn" size="large" bind:tap="save">保存</button>
  37. </view>
  38. <!-- 证件类型选择 -->
  39. <van-picker wx:if="{{ showTypePicker }}" show-toolbar title="证件类型" columns="{{columns}}" bind:cancel="typePickerCancel"
  40. bind:confirm="typePickerEnter" class="type-picker" default-index="{{ 0 }}"/>