insure/addons/cms/wxapp/page/news/detail.wxml

<import src="/assets/libs/zanui/loadmore/index.wxml" />
<view class="container">
  <!-- S 封面 -->
  <view class="cover" style="background-image:url({{ archivesInfo.image }})">
    <view class="overlay">
      <button data-name="shareBtn" class='share' open-type="share">
        <i class="fa fa-share-alt"></i>
      </button>
    </view>
  </view>
  <!-- E 封面 -->

  <!-- S 标题 -->
  <view class="title">
    <view class="h1">{{ archivesInfo.title }}</view>
    <view class="date">{{ archivesInfo.create_date }}</view>
  </view>
  <!-- E 标题 -->

  <!-- S 正文 -->
  <view class="content">
    <mp-html content="{{archivesInfo.content}}" />
  </view>
  <!-- E 正文 -->

  <!-- S 支付 -->
  <view class="paynow zan-panel" wx:if="{{ archivesInfo.price>0 && !archivesInfo.ispaid }}">
    <button wx:if="{{ userInfo && archivesInfo.price>0 && !archivesInfo.ispaid }}" bindtap="pay" data-id="{{ archivesInfo.id }}" class='zan-btn zan-btn--small zan-btn--primary'>立即支付</button>
    <button wx:if="{{ !userInfo }}" bindgetuserinfo="login" open-type="getUserInfo" class='zan-btn zan-btn--small zan-btn--danger'>请登录后再进行付费</button>
  </view>
  <!-- E 支付 -->

  <!-- S 赞踩 -->
  <view class="thumbs zan-panel" wx:if="{{ archivesInfo.price==0 || (archivesInfo.price>0 && archivesInfo.ispaid) }}">
    <view class="like" bindtap="vote" data-type="like" data-id="{{ archivesInfo.id }}">
      <i class="fa fa-thumbs-up"></i>
    </view>
    <view class="progress">
      <view class="bar">
        <view class="current" style="width: {{ archivesInfo.likeratio }}%;"></view>
      </view>
      <view class="num">
        <i>{{archivesInfo.likes}}</i> :
        <span>{{archivesInfo.dislikes}}</span>
      </view>
    </view>
    <view class="dislike" bindtap="vote" data-type="dislike" data-id="{{ archivesInfo.id }}">
      <i class="fa fa-thumbs-down"></i>
    </view>
  </view>
  <!-- E 赞踩 -->

  <!-- S 发表评论 -->
  <view class="postcomment zan-panel">
    <view class="zan-panel-title">发表评论</view>
    <form bindsubmit="formSubmit">
      <view class="zan-cell zan-field">
        <textarea placeholder="请输入评论内容" focus="{{form.focus}}" name="content" class="zan-field__input zan-cell__bd " value="{{ form.message }}" />
      </view>
      <view class="zan-btns">
        <button wx:if="{{ userInfo }}" formType="submit" class='zan-btn zan-btn--small zan-btn--primary'>提交</button>
        <button wx:if="{{ !userInfo }}" bindgetuserinfo="login" open-type="getUserInfo" class='zan-btn zan-btn--small zan-btn--primary'>立即登录</button>
      </view>
    </form>
  </view>
  <!-- E 发表评论 -->

  <!-- S 回复列表 -->
  <view class="commentlist zan-panel">
    <view class="zan-panel-title">回复列表</view>
    <view style="padding:15px 0;">
      <view class="zan-center zan-c-gray" wx:if="{{ !commentList.length }}" >暂无评论</view>
      <block wx:for="{{ commentList }}" wx:index="index" wx:key="pid">
        <view class="zan-card">
          <view class="zan-card__thumb">
            <image class="zan-card__img" src="{{ item.user.avatar }}" mode="aspectFill"></image>
          </view>
          <view class="zan-card__detail">
            <view class="zan-card__detail-row zan-c-gray">
              <view class="zan-card__left-col" style='margin-right:0'>
                <view class="comment-author">
                  <i class="fa fa-user"></i> {{ item.user.nickname }}
                </view>
                <view class="comment-date" style='margin-right:auto;'>
                  {{ item.create_date }}
                </view>
                <view class="comment-reply" bindtap="reply" data-pid="{{ item.pid }}" data-nickname="{{ item.user.nickname }}">
                  <i class="fa fa-reply"></i>
                </view>
              </view>
            </view>
            <view class="zan-card__detail-row">
              <view class="zan-card__left-col zan-font-12" style="margin-right:0;">               
                <mp-html content="{{item.content}}" />
              </view>
            </view>

          </view>
        </view>
      </block>
    </view>
  </view>
  <!-- E 回复列表 -->

  <!-- S 加载更多 -->
  <template is="zan-loadmore" data="{{ loading: loading }}" />
  <template is="zan-loadmore" data="{{ nodata: nodata }}" />
  <template is="zan-loadmore" data="{{ nomore: nomore }}" />
  <!-- E 加载更多 -->
</view>