mini_program/pages/index/index.wxml

<!--index.wxml-->
<wxs module="filter">
  var setTag = function (state) {
    var obj = {}
    if (state === 1) {
      obj = {
        sname: 'tag-study',
        text: '地块可研'
      }
    } else if (state === 2) {
      obj = {
        sname: 'tag-report',
        text: '定期报告'
      }
    } else if (state === 3) {
      obj = {
        sname: 'tag-research',
        text: '专题研究'
      }
    } else {
      obj = {
        sname: 'tag-promotion',
        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="top">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" class="banner">
      <block wx:for="{{banner}}" wx:key="*this">
        <swiper-item>
          <view class="swiper-item">
            <image class="b-img" src="{{item.url}}"></image>
          </view>
        </swiper-item>
      </block>
    </swiper>
    <view class="tabs">
      <view class="t-item" wx:for="{{tabs}}" wx:key="*this" data-page="{{item.page}}" bindtap="pageComing">
        <image src="{{item.url}}"></image>
        <text>{{item.text}}</text>
      </view>
    </view>
  </view>
  <view class="main">
    <view class="main-head">
      <text class="title">推荐文章</text>
      <view class="search">
        <input type="text" />
        <image src="../../assets/images/search-mini.png"></image>
      </view>
    </view>
    <view class="list-box">
      <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" bindtap="comeDetail" data-id="1">
          <image class="item-img"
            src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg">
          </image>
          <view class="list-info">
            <view class="list-title two-title">
              <text class="item-tag {{filter.setTag(item.state).sname}}">{{filter.setTag(item.state).text}}</text>
              {{item.title}}
            </view>
            <view class="list-timer">{{item.timer}}</view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</view>