huiting/miniprogram/components/itemCard/itemCard.wxml

<!-- 为首页消息通知的组件，数据在mainData.js -->
<view class="card" bindtap="getActivityInfo">
  <view class="profile">
    <view class="avatar-name" catchtap="getPublisherInfo">
      <image class="publisher-avatar" src="{{item.publisherAvatar}}" mode="aspectFill"></image>
      <view class="publisher-name">{{item.publisherName}}</view>
    </view>
    <view class="activity-attribute primary-background-color white-text-color" catchtap="filterMsgType">
      {{item.attribute[0]}}
    </view>
  </view>
  <view class="title-time">
    <view class="title">{{item.title}}</view>
    <view class="time primary-text-color">{{item.time}}</view>
  </view>
  <view class="sub-title">{{item.subTitle}}</view>
  <imagePicker wx:if="{{item.poster != ''}}" images="{{[item.poster]}}" max="1" image-width="700" image-height="350"
    readonly />
  <imagePicker wx:if="{{item.poster == '' && item.photo.length != 0}}" images="{{item.photo}}" max="1"
    image-width="{{item.photo.length == 1 ? 696 : item.photo.length <= 4 ? 330 : 220}}"
    image-height="{{item.photo.length == 1 ? 696 : item.photo.length <= 4 ? 330 : 220}}" readonly />
  <view class="bottom-line">
    <view class="tags primary-text-color">
      <text style="font-size: 25rpx; margin: 0rpx 30rpx;" wx:for="{{item.tag}}" wx:for-item="tag"
        wx:key="_id">{{tag}}</text>
    </view>
    <view class="to-detail">
      <text class="primary-text-color" style="font-size: 20rpx;">查看详情</text>
      <image class="arrow" src="/images/hollow_arrow.png" mode="aspectFill"></image>
    </view>
  </view>
</view>