map.wxml 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!--pages/home/map/map.wxml-->
  2. <view class="topNav">
  3. <view class="inputBox flex ju-b">
  4. <view class="le flex">
  5. <van-icon name="search" />
  6. <input class="m-left-25" placeholder="搜索" placeholder="搜索" value="" bindconfirm="workDesc" type="text" confirm-type="search" bindinput="bindKeyInput" />
  7. </view>
  8. <navigator class="lr flex" url="/pages/home/map/list">
  9. <image src="/image/icon/main.png" class="icon"></image>
  10. <text class="m-left-10">列表查看</text>
  11. </navigator>
  12. </view>
  13. </view>
  14. <view class="contioner" hover-class="none" hover-stop-propagation="false" style="width: 100%; height: 100%;">
  15. <map name="" longitude="{{location.longitude}}" latitude="{{location.latitude}}" bindmarkertap="markertap" markers="{{mapworkelist}}" show-location style="width: 100%; height: 100%;" wx:if="{{hasMarkers}}" scale="10"></map>
  16. </view>
  17. <view class="footerBox flex ju-b" wx:if="{{show}}" bindtap="setworke" data-id="{{workedesc.id}}">
  18. <view class="le">
  19. <view class="tit">
  20. {{workedesc.title}}
  21. </view>
  22. <view class="tipsBox flex m-top-20">
  23. <view class="tips m-right-25 orage">
  24. 最近下单
  25. </view>
  26. <view class="tips blue">
  27. {{status[workedesc.signing_status]}}
  28. </view>
  29. </view>
  30. <view class="box flex m-top-15">
  31. <van-icon name="location-o" class="m-right-10"/>
  32. <text> {{workedesc.address}}</text>
  33. </view>
  34. <view class="box flex m-top-15">
  35. <van-icon name="clock-o" class="m-right-10" />
  36. <text> {{workedesc.unit[0].type_name}}·{{workedesc.unit[1].type_name}}·{{workedesc.unit[2].type_name}}</text>
  37. </view>
  38. </view>
  39. <view class="lr">
  40. <view class="top flex">
  41. <image src="/image/icon/navigation.png" class="icon"></image>
  42. <text class="m-left-10">导航</text>
  43. </view>
  44. <view class="footer m-top-15">
  45. 距离 {{workedesc.distance}}km
  46. </view>
  47. </view>
  48. </view>
  49. <view class="location flex ju-c">
  50. <image src="/image/icon/location-2.png" class="icon"></image>
  51. </view>