huiting/miniprogram/components/itemCard/itemCard.wxml

<!-- 为首页消息通知的组件，数据在mainData.js -->
<view wx:if="{{show}}" class="item-card" bindtap="getMessageInfo">
  <view class="profile">
    <view class="avatar-name" catchtap="getPublisherInfo">
      <image class="publisher-avatar" src="{{item.publisher.avatar}}" mode="aspectFill"></image>
      <view class="publisher-name">{{item.publisher.name}}</view>
    </view>
    <view class="message-attribute primary-background-color white-text-color" catchtap="filterMsgType">
      {{item.type[0]}}
    </view>
  </view>
  <view class="title-time">
    <view class="title">{{item.name}}</view>
    <view class="time primary-text-color">{{item.publish_time}}</view>
  </view>
  <view class="sub-title">{{item.brief}}</view>
  <imagePicker wx:if="{{item.poster.length}}" value="{{item.poster}}" max="1" image-width="698" image-height="330"
    readonly />
  <imagePicker wx:if="{{!item.poster.length && item.photo.length}}" value="{{item.photo}}" max="1"
    image-width="{{item.photo.length === 1 ? 698 : item.photo.length <= 4 ? 330 : 220}}"
    image-height="{{item.photo.length === 1 ? 330 : item.photo.length <= 4 ? 330 : 220}}" readonly />
  <view class="bottom-line">
    <view class="tags primary-text-color">
      <text class="tag" wx:for="{{item.tag}}" wx:for-item="tag" wx:key="*this" data-tag="{{tag}}"
        catchtap="filterTag">{{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>