12345678910111213141516171819202122232425262728293031323334353637 |
- <cu-custom bgColor="bg-lw-header">
- <view slot="content">服务地图</view>
- </cu-custom>
- <scroll-view scroll-x class="bg-white nav" id="header">
- <view class="flex text-center">
- <view class="cu-item flex-sub" style="display:flex;align-items:center;justify-content:center;" bindtap="toBusiness">
- <image src="/common/images/map/business.png" style="width:36rpx;height:36rpx;margin-right:10rpx;margin-top:-8rpx;"></image>商家优享
- </view>
- <view class="cu-item flex-sub" style="display:flex;align-items:center;justify-content:center;" bindtap="toSite">
- <image src="/common/images/map/site.png" style="width:36rpx;height:36rpx;margin-right:10rpx;margin-top:-8rpx;"></image>人才驿站
- </view>
- </view>
- </scroll-view>
- <!-- 地图 -->
- <view class="business-header">
- <map longitude="{{longitude}}" latitude="{{latitude}}" scale="15" markers="{{markers}}" style="width: 100%; height: calc(100vh - {{CustomBar}}px - {{headerHeight}}px);" bindlabeltap="bindMarker"></map>
- <!-- 搜索 -->
- <view class="lw-search">
- <view class="search-form">
- <input type="text" placeholder="请输入关键字" placeholder-class="placeholder" model:value="{{keyword}}" confirm-type="search" bindconfirm="bindSearch"></input>
- </view>
- <view class="search-icon">
- <text class="cuIcon-search" style="font-size:30rpx;color:#687a9c;"></text>
- </view>
- </view>
- <!-- 切换 -->
- <view class="lw-tab">
- <view class="{{tab_index == 'business' ? 'tab-item border-bottom active' : 'tab-item border-bottom'}}" data-index="business" bindtap="changeTab">
- 商家优享
- </view>
- <view class="{{tab_index == 'site' ? 'tab-item active' : 'tab-item'}}" data-index="site" bindtap="changeTab">
- 人才驿站
- </view>
- </view>
- </view>
|