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].type : 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].type : 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].type : 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-list1" id="list1">
      <view wx:for="{{filterName[1].list}}" wx:for-item="item" wx:key="type">
        <view class="filter-list-title primary-text-color">{{item.sub}}</view>
        <view class="filter-list-subtitle primary-text-color">{{item.item[0].secondSub}}</view>
        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[0].subitem}}" wx:for-item="name" wx:key="*this"
          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
            wx:if="{{filterItem[1] == name}}">✔</view>
        </view>
        <view class="filter-list-subtitle primary-text-color">{{item.item[1].secondSub}}</view>
        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[1].subitem}}" wx:for-item="name" wx:key="*this"
          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
            wx:if="{{filterItem[1] == name}}">✔</view>
        </view>
        <view class="filter-list-subtitle primary-text-color">{{item.item[2].secondSub}}</view>
        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[2].subitem}}" wx:for-item="name" wx:key="*this"
          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
            wx:if="{{filterItem[1] == name}}">✔</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].item}}" wx:for-item="name" wx:key="*this"
        data-filter-list="2" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
          wx:if="{{filterItem[2] == name}}">✔</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].item}}" wx:for-item="name" wx:key="*this"
        data-filter-list="3" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
          wx:if="{{filterItem[3] == name}}">✔</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>