dreamland/template/graceUI商城套装新版本/graceMallForWX/pages/artInfo/artInfo.wxml

<gracePage headerBG="#FFFFFF" customHeader="{{false}}">
  <view slot="gBody" class="grace-body">
    <!-- 标题 -->
    <text class="grace-art-margin grace-art-title {{graceSkeleton  ? 'grace-skeletons' : ''}}">{{article.title}}</text>
    <!-- 作者信息 -->
    <view class="grace-art-margin grace-nowrap grace-flex-vcenter">
      <view class="grace-art-author grace-nowrap grace-flex-vcenter {{graceSkeleton ? 'grace-skeletons' : ''}}">
        <image class="grace-art-author-face" src="{{article.authorFace}}" mode="widthFix"></image>
        <text wx:if="{{article.authorName}}" class="grace-art-author-name">{{article.authorName}}</text>
      </view>
      <text class="grace-art-btn grace-bg-green">+ 关注</text>
    </view>
    <!-- 其他基本信息 -->
    <view class="grace-art-info-line grace-art-margin grace-space-between {{graceSkeleton ? 'grace-skeletons' : ''}}">
      <text class="grace-art-info-line-text grace-icons icon-eye" wx:if="{{article.viewNumber}}"> {{article.viewNumber}}</text>
      <text class="grace-art-info-line-text" wx:if="{{article.date}}">发布于 : {{article.date}}</text>
    </view>
    <!-- 文章内容 -->
    <view class="grace-art-contents">
      <block wx:for="{{article.contents}}" wx:key="index">
      <view class="{{graceSkeleton ? 'grace-skeletons-img' : 'grace-img-in'}}" wx:if="{{item.type == 'img'}}">
        <image src="{{item.content}}" class="grace-art-img" mode="widthFix" data-imgurl="{{item.content}}" bindtap="prevImg"></image>
      </view>
      <view class="{{graceSkeleton ? 'grace-skeletons' : 'grace-art-content'}}" wx:if="{{item.type == 'text'}}">{{item.content}}</view>
      </block>
    </view>
  </view>
</gracePage>