applet_sharepic/template/view/index.wxml

<custom style="height:{{config.bar.custom}}px;">
  <bar class="fixed gradual-pink" style="height:{{config.bar.custom}}px;padding-top:{{config.bar.status}}px;">
    <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
      <icon class='icon-back' /> {{info.name}}
    </navigator>
    <view class='action'>
      <load class="load-icon {{loading ? 'loading':'over'}}"></load>
    </view>
  </bar>
</custom>

<card class="dynamic">
  <item wx:for="1" wx:key class="shadow">
    <list class="menu menu-avatar">
      <item>
        <avatar class="round lg" style="background-image:url({{info.author.avatar}});"></avatar>
        <view class='content flex-sub'>
          <view>{{info.author.name}}</view>
          <view class='text-gray text-sm flex justify-between'>
            {{info.pdate_str}}
          </view>
        </view>
      </item>
    </list>
    <view class='text-content' style="max-height:100%;">
      <import src="/dever/package/wxParse/wxParse.wxml"/>
      <template is="wxParse" data="{{wxParseData:html.nodes}}"/>
    </view>
    
    <view class='text-gray text-sm text-right padding'>
      <icon class="icon-attentionfill" /> {{info.num_view}}
      <icon class="icon-appreciatefill" bindtap="up" data-type="{{type}}" data-id="{{info.id}}"/> {{info.num_up}}
      <icon class="icon-messagefill" /> {{info.num_comment}}
    </view>
    <list class="menu menu-avatar comment solids-top">
      <item wx:for="{{2}}" wx:key>
        <avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
        <view class='content'>
          <view class='text-grey'>猪皮蛋</view>
          <view class='text-gray text-content text-df'>
            我家铲屎官不舔毛，还抠脚！
          </view>
          <view class='bg-grey padding-sm radius margin-top-sm  text-sm' wx:if="{{index==1}}">
            <view class="flex {{index!=0?'margin-top-sm':'' }}" wx:for="{{2}}" wx:key>
              <view>我：</view>
              <view class='flex-sub'>我家的铲屎官也不舔毛！</view>
            </view>
          </view>
          <view class='margin-top-sm flex justify-between'>
            <view class='text-gray text-df'>2018年12月4日</view>
            <view>
              <icon class="icon-appreciate{{!isZan?'fill':''}} text-{{!isZan?'red':'gray'}}" />
              <icon class="icon-messagefill text-gray margin-left-sm" />
            </view>
          </view>
        </view>
      </item>
    </list>
  </item>
</card>