mini_program/pages/index/index.wxml

<!--index.wxml-->
<wxs module="filter">
  var setTag = function(state) {
    var obj = {}
     if(state===1){
      obj = {
        sname:'ycj',
        text:'已成交'
      }
     }else if(state===2){
      obj = {
        sname:'wcj',
        text:'未成交'
      }
     }else{
      obj = {
        sname:'gsz',
        text:'公示中'
      }
     }
     return obj
  };
  module.exports = {setTag:setTag};
</wxs>
<view class="pages">
  <mp-navigation-bar ext-class="set-bar" title="AIR" back="{{false}}"></mp-navigation-bar>
  <view class="tab">
    <view class="tab-item {{item.id===active?'active':''}}" wx:for="{{tabList}}" wx:for-index="i" wx:for-item="item" wx:key="id" bindtap="tabDowm" data-id="{{item.id}}">
      <text class="tab-title">{{item.name}}</text>
      <image class="tab-tag" src="../../assets/images/tab-tag.png"></image>
    </view>
  </view>
  <view class="main">
  <scroll-view class="list" scroll-y="true" refresher-enabled refresher-triggered="{{refresher}}" bindscrolltolower="getList" bindrefresherrefresh="refresh">
    <view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item">
      <view class="list-info">
       <view class="list-title">
       {{item.title}}
       </view>
       <view class="list-tag center {{filter.setTag(item.state).sname}}">
        {{filter.setTag(item.state).text}}
       </view>
      </view>
      <view class="list-timer">挂牌日期：{{item.timer}}</view>
    </view>
  </scroll-view>
</view>
</view>