reader/pages/user/mycollection/mycollection.wxml

<view class='my-collection'>
  <view class='collection-article' wx:for="{{ collection_data }}" wx:key="{{ index }}">
    <view class='collection-top'>
      <view class='top-img'>
        <image src='{{ item.avatarUrl }}'></image>
      </view>
      <view class='collection-info'>
        <view class='title'>{{ item.nickName }}</view>
        <view class='date'>{{ item.time }}</view>
      </view>
    </view>
    <view class='video-preview'>
      <image src='{{ item.previewUrl }}'></image>
    </view>
    <view class='content-title'>
      {{ item.title }}
    </view>
    <view class='content-detail'>
      <view class='left'>{{ item.grade }}</view>
      <view class='right'>
        <view class='right-detail'>
          <view class='play-img'>
            <image src='../../../static/image/hotPlays.png'></image>
          </view>
          <text>{{ item.plays }}</text>
        </view>
        <view class='right-detail'>
          <view class='point-img'>
            <image src='../../../static/image/like.png'></image>
          </view>
          <text>{{ item.likes }}</text>
        </view>
      </view>
    </view>
  </view>
</view>