家政小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.wxml 4.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <import src="/wxParse/wxParse.wxml" />
  2. <view class="page">
  3. <view class="page-hd" wx:if="{{banner.length > 0}}">
  4. <swiper indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#00a0e9" autoplay="true"
  5. interval="5000" duration="500">
  6. <block wx:for="{{banner}}">
  7. <swiper-item>
  8. <image src="{{item}}" class="slide-image" />
  9. </swiper-item>
  10. </block>
  11. </swiper>
  12. <!-- <image class="hero" src="{{banner}}"></image> -->
  13. </view>
  14. <view class="page-bd">
  15. <view class="mod">
  16. <view class="mod-hd">
  17. <text class="dot">●</text>服务介绍</view>
  18. <view class="mod-bd">
  19. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
  20. </view>
  21. </view>
  22. <view class="service">
  23. <view class="service-bd">
  24. <view class="s-item" wx:for="{{fields}}">
  25. <view class="s-item-hd">{{item.name_cn}}</view>
  26. <view class="s-item-bd">
  27. <checkbox-group bindchange="inputChange" data-index="{{index}}" wx:if="{{item.type === 'checkbox'}}">
  28. <label class="checkbox" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="checkbox">
  29. <view class="checkbox-inner">
  30. <checkbox value="{{checkbox.value}}" /><text class="input-item-text">{{checkbox.value}}</text>
  31. </view>
  32. </label>
  33. </checkbox-group>
  34. <radio-group class="radio-group" data-index="{{index}}" wx:else bindchange="inputChange">
  35. <label class="radio" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="radio">
  36. <view class="radio-inner">
  37. <radio value="{{radio.value}}" checked="{{idx === 0}}" /><text class="input-item-text">{{radio.value}}</text>
  38. </view>
  39. </label>
  40. </radio-group>
  41. </view>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. <view class="page-ft">
  47. <view class="booking">
  48. <view class="input-item">
  49. <view class="label">预产期</view>
  50. <view class="input-content">
  51. <input type="text" class="input-text" bindinput="_handleInput" data-name="expectedDate" placeholder="请填写预产期" />
  52. </view>
  53. </view>
  54. <view class="input-item">
  55. <view class="label">服务时间</view>
  56. <view class="input-content">
  57. <input type="text" class="input-text" bindinput="_handleInput" data-name="serviceDate" placeholder="请填写服务时间" />
  58. </view>
  59. </view>
  60. <view class="input-item ">
  61. <view class="label ">特殊需求</view>
  62. <view class="input-content">
  63. <input type="text" class="input-text" bindinput="_handleInput" data-name="notes" placeholder="您的特殊需求" />
  64. </view>
  65. </view>
  66. <view class="input-item">
  67. <view class="label">姓名</view>
  68. <view class="input-content">
  69. <input type="text" class="input-text" bindinput="_handleInput" data-name="name" placeholder="您的称呼" />
  70. </view>
  71. </view>
  72. <view class="input-item">
  73. <view class="label">电话</view>
  74. <view class="input-content">
  75. <input type="number" class="input-text" bindinput="_handleInput" data-name="phone" placeholder="您的手机号码" />
  76. </view>
  77. </view>
  78. <view class="input-item ">
  79. <view class="label ">地址</view>
  80. <view class="input-content">
  81. <input type="text" class="input-text" bindinput="_handleInput" data-name="address" placeholder="服务地址" />
  82. </view>
  83. </view>
  84. </view>
  85. <view class="btn-book" bindtap="bookServer">立即预约</view>
  86. </view>
  87. </view>
  88. <button class="btn-join" type="default" open-type="contact" session-from="homeApp"><image class="icon-service" src="/img/icon-service.png"></image>咨询</button>