switch/addons/blog/wxapp/page/post/detail.wxml

<import src="/assets/libs/towxml/entry.wxml" />
<import src="/assets/libs/zanui/loadmore/index.wxml" />
<import src="/assets/libs/zanui/toast/index.wxml" />

<view class="container">

  <!-- S 封面 -->
  <view class="cover" style="background-image:url({{ postInfo.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">{{ postInfo.title }}</view>
    <view class="date">{{ postInfo.create_date }}</view>
  </view>
  <!-- E 标题 -->

  <!-- S 正文 -->
  <view class="content">
    <template is="entry" data="{{...postInfo.article}}" />
  </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;">
      <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.avatar }}" mode="aspectFit"></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.username }}
                </view>
                <view class="comment-date" style='margin-right:auto;'>
                  {{ item.create_date }}
                </view>
                <view class="comment-reply" bindtap="reply" data-pid="{{ item.pid }}" data-username="{{ item.username }}">
                  <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;">
                <template is="entry" data="{{...item.article}}" />
              </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 加载更多 -->

  <template is="zan-toast" data="{{ zanToast }}"></template>
</view>