epdc-resident-mp-js/pages/association/components/my-association-list/index.wxml

<view class="my-association-list" wx:if="{{myAssociationList.length === 0 && noDataVisible}}">
  <wux-skeleton 
    active 
    wux-class="wux-item"
    wx:for="{{[1,2,3]}}"
    wx:for-index="index"
    wx:key="{{index}}">
    <wux-skeleton-avatar wux-class="wux-avatar" shape="square" />
    <wux-skeleton-paragraph wux-class="wux-content" rows="2"/>
  </wux-skeleton>
</view>

<view class="my-association-list" wx:if="{{myAssociationList.length > 0}}">
  <view
    wx:for="{{myAssociationList}}"
    wx:key="{{item.id}}"
    wx:for-item="item"
    data-state="{{item.state}}"
    wx:for-index="index"
    class="list-item classify-pass"
    data-groupId="{{item.id}}"
    data-groupname="{{item.groupName}}"
    data-description="{{item.description}}"
    bindtap="toAssociationDetail" 
    wx:if="{{item.state == 10}}">
    <image class="group-avatar" src="{{item.groupAvatar}}" data-src="{{item.groupAvatar}}" catchtap="previewImage" />
    <view class="list-item-content">
      <view class="top">
        <view class="title">{{item.groupName}}</view>
        <view wx:if="{{item.unreadTopicNum > 0}}">
          <image src="/images/association/ic_xiaoxitishi.png" />
          <view>{{item.unreadTopicNum}}</view>
        </view>
      </view>
      <view class="bottom description" wx:if="{{item.description}}">{{item.description}}</view>
      <view class="bottom" wx:else>
        <text>共{{item.totalNum}}人 {{item.partyMemberNum}}名党员</text>
        <text wx:if="{{item.latestTopicTime}}">{{item.latestTopicTime}}</text>
      </view>
    </view>
  </view>

  <view 
    wx:for="{{myAssociationList}}" 
    wx:key="{{item.id}}" 
    wx:for-item="item" 
    data-state="{{item.state}}" 
    wx:for-item="item" 
    wx:for-index="index" 
    class="list-item classify-unpass" 
    data-groupId="{{item.id}}"
    data-groupname="{{item.groupName}}"
    data-description="{{item.description}}"
    bindtap="toAssociationDetail" 
    wx:if="{{item.state === 15}}">
    <image class="group-avatar" src="{{item.groupAvatar}}" data-src="{{item.groupAvatar}}" catchtap="previewImage" />
    <view class="list-item-content">
      <view class="top">
        <view>
          <view class="title">{{item.groupName}}</view>
          <!-- <view class="forbid">已禁言</view> -->
        </view>
      </view>
      <view class="bottom description" wx:if="{{item.description}}">{{item.description}}</view>
      <view class="bottom" wx:else>
        <text>共{{item.totalNum}}人 {{item.partyMemberNum}}名党员</text>
        <text wx:if="{{item.latestTopicTime}}">{{item.latestTopicTime}}</text>
      </view>
    </view>
    <image class="forbidden-image" src="../../../../images/association/forbidden.png" />
  </view>

  <view 
    wx:for="{{myAssociationList}}" 
    wx:key="{{item.id}}" 
    wx:for-item="item" 
    data-state="{{item.state}}" 
    wx:for-item="item" 
    wx:for-index="index" 
    class="list-item classify-unpass" 
    data-groupId="{{item.id}}"
    data-groupname="{{item.groupName}}"
    data-description="{{item.description}}"
    bindtap="toAssociationDetail" 
    wx:if="{{item.state === 0}}">
    <image class="group-avatar" src="{{item.groupAvatar}}" data-src="{{item.groupAvatar}}" catchtap="previewImage"/>
    <view class="list-item-content">
      <view class="top">
        <view>
          <view class="title">{{item.groupName}}</view>
        </view>
        <view class="verity">审核中</view>
      </view>
      <view class="bottom description">{{item.description}}</view>
    </view>
  </view>

  <view 
    wx:for="{{myAssociationList}}" 
    wx:key="{{item.id}}" 
    wx:for-item="item" 
    data-state="{{item.state}}" 
    wx:for-item="item" 
    wx:for-index="index" 
    class="list-item classify-unpass" 
    data-groupId="{{item.id}}"
    data-groupname="{{item.groupName}}"
    data-description="{{item.description}}"
    bindtap="toAssociationDetail" 
    wx:if="{{item.state === 5}}">
    <image class="group-avatar" src="{{item.groupAvatar}}" data-src="{{item.groupAvatar}}" catchtap="previewImage"/>
    <view class="list-item-content">
      <view class="top">
        <view>
          <view class="title">{{item.groupName}}</view>
        </view>
        <view class="unpass">未通过</view>
      </view>
      <view class="bottom description">{{item.description}}</view>
    </view>
  </view>
</view>

<view class="no-data" wx:if="{{myAssociationList.length === 0 && !noDataVisible}}">
  <image class="no-data-image" src="../../../../images/association/myAssociation_nodata.png" />
  <view class="tip">您还没有加入社群</view>
  <view class="tip">在推荐群内找你感兴趣的社群吧</view>
</view>