reader/pages/greeting/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="greetingBox">
  <view class="template" wx:for="{{list}}" wx:key="id">
    <view class="header">
      <view class="left">
        <view class="title">{{item.templateName}}</view>
        <view class="time">{{filters.formatDate2(item.gmtCreated)}}</view>
      </view>
      <view class="right" wx:if="{{isMy}}" data-id='{{item.id}}' bindtap="delete">
        <image src="/static/index/delete.png" class="delete" />
        <view class="text">删除</view>
      </view>
    </view>
    <view class="body" style="background-image: url({{item.cardUrl}});" bindtap="playAudio" data-item="{{item}}">
      <image src="/static/image/play-btn.png" class="playBtn" wx:if="{{playAudioId!=item.id}}" />
      <view class="progressBox" wx:if="{{playAudioId==item.id}}">
        <view class="after">{{playTime}}</view>
        <progress percent="{{vProgress}}" class="progress" stroke-width="8" activeColor="#9FFB3E"
          backgroundColor="#3333340" />
        <view class="before">{{endTime}}</view>
      </view>
    </view>
    <view class="footer">
      <view class="countBox">
        <view class="box">
          <image src="/static/image/play-btn.png" class="icon" />
          <view class="num">{{item.playAmount}}</view>
        </view>
        <view class="box" bindtap="setLike" data-item='{{item}}' data-index='{{index}}'>
          <image src="{{item.isLike?'/static/image/red_like.png':'/static/image/red_like_empty.png'}}" class="icon" />
          <view class="num">{{item.likeAmount}}</view>
        </view>
      </view>
      <view class="handle" style="justify-content:{{isMy?' center':'space-between'}}">
        <button class="resetBtn" open-type="share" data-item='{{item}}' wx:if="{{isMy}}">
          <image src="http://reader-wx.ai160.com/images/reader/card/send_blessings.png" class="btn" />
        </button>
        <button class="resetBtn" open-type="share" data-item='{{item}}' wx:if="{{!isMy}}">
          <image src="http://reader-wx.ai160.com/images/reader/card/show_off.png" class="btn" />
        </button>
        <image src="http://reader-wx.ai160.com/images/reader/card/wyyw.png" class="btn" wx:if="{{!isMy}}"
          bindtap="jump" />
      </view>
    </view>
  </view>
  <view class="footerBox">
      <image src="http://reader-wx.ai160.com/images/reader/card/callback-bg.png" bindtap="jumpIndex"/>
  </view>
</view>