home.wxml 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <cu-custom bgColor="bg-lw-header">
  2. <view slot="content">服务地图</view>
  3. </cu-custom>
  4. <scroll-view scroll-x class="bg-white nav" id="header">
  5. <view class="flex text-center">
  6. <view class="cu-item flex-sub" style="display:flex;align-items:center;justify-content:center;" bindtap="toBusiness">
  7. <image src="/common/images/map/business.png" style="width:36rpx;height:36rpx;margin-right:10rpx;margin-top:-8rpx;"></image>商家优享
  8. </view>
  9. <view class="cu-item flex-sub" style="display:flex;align-items:center;justify-content:center;" bindtap="toSite">
  10. <image src="/common/images/map/site.png" style="width:36rpx;height:36rpx;margin-right:10rpx;margin-top:-8rpx;"></image>人才驿站
  11. </view>
  12. </view>
  13. </scroll-view>
  14. <!-- 地图 -->
  15. <view class="business-header">
  16. <map longitude="{{longitude}}" latitude="{{latitude}}" scale="15" markers="{{markers}}" style="width: 100%; height: calc(100vh - {{CustomBar}}px - {{headerHeight}}px);" bindlabeltap="bindMarker"></map>
  17. <!-- 搜索 -->
  18. <view class="lw-search">
  19. <view class="search-form">
  20. <input type="text" placeholder="请输入关键字" placeholder-class="placeholder" model:value="{{keyword}}" confirm-type="search" bindconfirm="bindSearch"></input>
  21. </view>
  22. <view class="search-icon">
  23. <text class="cuIcon-search" style="font-size:30rpx;color:#687a9c;"></text>
  24. </view>
  25. </view>
  26. <!-- 切换 -->
  27. <view class="lw-tab">
  28. <view class="{{tab_index == 'business' ? 'tab-item border-bottom active' : 'tab-item border-bottom'}}" data-index="business" bindtap="changeTab">
  29. 商家优享
  30. </view>
  31. <view class="{{tab_index == 'site' ? 'tab-item active' : 'tab-item'}}" data-index="site" bindtap="changeTab">
  32. 人才驿站
  33. </view>
  34. </view>
  35. </view>