huiting/miniprogram/pages/main/main.wxml

<!-- 为首页，含component：itemCard；data:mainData.js -->
<!-- 活动和纳新未更新完全-->
<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 class="filter-list-item secondary-text-color" wx:for="{{item.item}}" 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-item secondary-text-color" wx:for="{{item.item}}" 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>