huiting/miniprogram/pages/main/main.wxml

<!-- 为首页，含component：itemCard；data:mainData.js -->
<!-- 更新了filter中的活动内容，但是由于有二级标题、还未给出页面美化需求，因此仅在js文件中更新，wxml未更新完全-->
<view class="page">
  <view class="filter">
    <view class="filter-item secondary-text-color" data-filter-list="1" bindtap="toggleFilterList">
      <text>{{filterItem[1] == "" ? filterName[1].title : filterItem[1]}}</text>
      <image class="filter-arrow" id="arrow1" mode="aspectFit" src="/images/arrow.png"></image>
    </view>
    <view class="filter-line"></view>
    <view class="filter-item secondary-text-color" data-filter-list="2" bindtap="toggleFilterList">
      <text>{{filterItem[2] == "" ? filterName[2].title : filterItem[2]}}</text>
      <image class="filter-arrow" id="arrow2" mode="aspectFit" src="/images/arrow.png"></image>
    </view>
    <view class="filter-line"></view>
    <view class="filter-item secondary-text-color" data-filter-list="3" bindtap="toggleFilterList">
      <text>{{filterItem[3] == "" ? filterName[3].title : filterItem[3]}}</text>
      <image class="filter-arrow" id="arrow3" mode="aspectFit" src="/images/arrow.png"></image>
    </view>
  </view>
  <view class="filter-lists">
    <view wx:if="{{filterList == 1}}" class="filter-list" id="list1">
      <view wx:for="{{filterName[1].children}}" wx:for-item="item" wx:key="title">
        <view class="filter-list-title primary-text-color">{{item.title}}</view>
        <view wx:for="{{item.children}}" wx:for-item="item" wx:key="title">
          <view wx:if="{{!item.children}}" class="filter-list-item secondary-text-color" data-filter-list="1"
            data-filter-item="{{item}}" bindtap="toggleFilterItem">{{item}}<view wx:if="{{filterItem[1] == item}}">✔
            </view>
          </view>
          <view class="filter-list-subtitle primary-text-color" wx:if="{{item.children}}">{{item.title}}</view>
          <view class="filter-list-item secondary-text-color" wx:for="{{item.children}}" wx:for-item="title"
            wx:key="title" data-filter-list="1" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
              wx:if="{{filterItem[1] == title}}">✔</view>
          </view>
        </view>
      </view>
    </view>
    <view class="filter-list"></view>
    <view wx:if="{{filterList == 2}}" class="filter-list" id="list2">
      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[2].children}}" wx:for-item="title"
        wx:key="*this" data-filter-list="2" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
          wx:if="{{filterItem[2] == title}}">✔</view>
      </view>
    </view>
    <view class="filter-list"></view>
    <view wx:if="{{filterList == 3}}" class="filter-list" id="list3">
      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[3].children}}" wx:for-item="title"
        wx:key="*this" data-filter-list="3" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
          wx:if="{{filterItem[3] == title}}">✔</view>
      </view>
    </view>
  </view>
  <view style="margin-top: 60rpx;">
    <view wx:for="{{mainDatas}}" wx:for-item="item" wx:for-index="index" wx:key="_id">
      <itemCard
        wx:if="{{(filterItem[1] == '' || filterItem[1] == item.attribute[0]) && (filterItem[2] == '' || filterItem[2] == item.publisherAttribute[0]) && (filterItem[3] == '' || filterItem[3] == item.supply[0])}}"
        item="{{item}}" bindfiltermsgtype="filterMsgType" />
    </view>
  </view>
</view>