mini_program/pages/look/look.wxml

<!--pages/look/look.wxml-->
<wxs module="filter">
  var setActive = function (arr, id) {
    var str = '';
    var has = arr.some(function (item) {
      return item === id;
    });
    if (has) {
      str = 'check-active'
    }
    return str;
  };
  module.exports = { setActive: setActive };
</wxs>
<view class="pages">
  <mp-navigation-bar ext-class="set-bar" title="看地" back="{{false}}"></mp-navigation-bar>
  <view class="main">
    <view class="look-top">
      <view class="look-search center">
        <image class="look-s-icon" src="../../assets/images/search.png"></image>
      </view>
      <view class="look-top-right flex-center" bindtap="comeList">
        <image class="look-top-tag" src="../../assets/images/s-icon.png"></image>
        <text class="look-top-text">土地池</text>
      </view>
    </view>

    <map class="map" enable-satellite="{{satellite==1?true:false}}" scale="{{scale}}" markers="{{markers}}"
      latitude="{{latitude}}" longitude="{{longitude}}" bindmarkertap="markertap" polygons="{{polygons}}"
      circles = "{{circles}}">
      <cover-view class="map-tab">
        <cover-view data-id="1" class="map-tab-item {{satellite==1?'active':''}}" bindtap="mapTabItem">卫星图</cover-view>
        <cover-view data-id="2" class="map-tab-item {{satellite==2?'active':''}}" bindtap="mapTabItem">平面图</cover-view>
      </cover-view>
      <cover-image data-type="add" bindtap="scaleDown" class="map-scale map-scale-add"
        src="../../assets/images/add.png"></cover-image>
      <cover-image data-type="reduce" bindtap="scaleBack" class="map-scale map-scale-reduce"
        src="../../assets/images/myback.png"></cover-image>
      <cover-view class="tab-list">
        <cover-view class="list-box">
          <cover-view class="list-title">看地块</cover-view>
          <cover-view class="list-info">
            <cover-view class="list-item {{filter.setActive(actives,1)}}" data-id="{{1}}" bindtap="checkBtn">
              已出让
            </cover-view>
            <cover-view class="timer">
              {{start}}年 - {{end}}年
            </cover-view>
            <cover-view class="list-item cross {{filter.setActive(actives,2)}}" data-id="{{2}}" bindtap="checkBtn">
              挂牌中
            </cover-view>
            <cover-view class="list-item cross {{filter.setActive(actives,3)}}" data-id="{{3}}" bindtap="checkBtn">
              拟挂牌
            </cover-view>
          </cover-view>
        </cover-view>

        <cover-view class="list-box">
          <cover-view class="list-title">看区位</cover-view>
          <cover-view class="list-info">
            <cover-view class="list-item {{filter.setActive(actives,4)}}" data-id="{{4}}" bindtap="checkBtn">
              行政区
            </cover-view>
            <cover-view class="list-item {{filter.setActive(actives,5)}}" data-id="{{5}}" bindtap="checkBtn">
              大组团
            </cover-view>
            <cover-view class="list-item {{filter.setActive(actives,6)}}" data-id="{{6}}" bindtap="checkBtn">
              小组团
            </cover-view>
          </cover-view>
        </cover-view>

        <cover-view class="list-box">
          <cover-view class="list-title">看配套</cover-view>
          <cover-view class="list-info">
            <cover-view class="list-item {{filter.setActive(actives,7)}}" data-id="{{7}}" bindtap="checkBtn">
              配套
            </cover-view>
            <cover-view class="list-item {{filter.setActive(actives,8)}}" data-id="{{8}}" bindtap="checkBtn">
              环线
            </cover-view>
            <cover-view class="list-item {{filter.setActive(actives,9)}}" data-id="{{9}}" bindtap="checkBtn">
              3KM圈
            </cover-view>
          </cover-view>
        </cover-view>

      </cover-view>
    </map>
    <!-- <view class="list-foot">
      <view class="list-item {{item.state?'check-active':''}}" wx:for="{{tabs}}" wx:key="id" data-id="{{item.id}}"
        bindtap="checkBtn">
        {{item.name}}
      </view>
    </view> -->
  </view>

</view>