bingxue-wechat/pages/community/articleDetails/articleDetails.wxml

<view class="wrp row crosscenter borbot" bindtap="hideComments">
  <view class="circle">
    <image src="{{article.avatar}}" mode="scaleToFill" class="avatar"></image>
  </view>
  <text class="txtsub">{{article.nickname}}</text>
</view>

<view bindtap="hideComments" class="gaptop">
  <swiper indicator-dots autoplay circular style="height:240px; background: #000">
    <swiper-item item-id="{{index}}" wx:for="{{imgList}}" wx:key bindtap="clickPic" data-i="{{index}}">
      <image class="fullx" src="{{imgUrl + item}}" mode="aspectFit" id="img{{index}}"></image>
      <view id="fake{{index}}"></view>
    </swiper-item>
  </swiper>
</view>


<view class="wrp" style="min-height: 6em" bindtap="hideComments">
  <text>{{article.articleContent}}</text>
</view>

<view class="bortop commentsContatiner {{allowComments?'':'hide'}} fg shadow">
  <view class="comment row textsub wrp">
    <view class="row flexible crosscenter input">
      <image src="../../../imgs/input.png" mode="scaleToFill"></image>
      <input placeholder="说点什么..." cursor-spacing="10" class="flexible" bindfocus="focusComment" bindblur="blurComment" bindinput="inputComment" value="{{comment}}" confirm-type="done" bindconfirm="clickCommentconfirm"></input>
    </view>
    <view class="row crosscenter" wx:if="{{isFocused}}" catchtap="clickCommentconfirm">
    确定
    </view>
    <view class="row crosscenter subtxt" wx:if="{{!isFocused}}" catchtap="clickFavor">
      <view>
        <image src="../../../imgs/favorite{{article.isCollect?'-checked':''}}.png" mode="scaleToFill"></image>
      </view>
      <text>{{article.collectNumber}}</text>
    </view>
    <view class="row crosscenter subtxt" wx:if="{{!isFocused}}" catchtap="clickCollection">
      <view>
        <image src="../../../imgs/collection{{article.isCollect?'-checked':''}}.png" mode="scaleToFill"></image>
      </view>
      <text>{{article.num_follow}}</text>
    </view>
    <view class="row crosscenter subtxt" catchtap="clickComments" wx:if="{{!isFocused}}">
      <view>
        <image src="../../../imgs/comments.png" mode="scaleToFill"></image>
      </view>
      <text>{{article.num_comment}}</text>
    </view>
  </view>
  <view class="comments {{showComments&&'show'}} scrolly">
    <view class="inright row" wx:for="{{comments}}" wx:key>
      <image src="{{item.upload_head}}" class="gapright"></image>
      <view class="col flexible">
        <text class="txtsub nickname gapbot">{{item.nickname}}</text>
        <view class="row content wrpright borbot">
          <text class="flexible">{{item.content}}</text>
          <text class="subtxt">{{item.addtime}}</text>
        </view>
      </view>
    </view>
  </view>
</view>