fa-article-item.ttml 1.6 KB

1
  1. <view class="list"><block tt:for="{{archivesList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view data-event-opts="{{[['tap',[['goDetail',['$0'],[[['archivesList','',index]]]]]]]}}" class="fa-list-item u-border-bottom u-flex" bindtap="__e"><block tt:if="{{!item.images_list.length}}"><view class="fa-item-image"><image src="{{item.image}}" mode="aspectFill"></image></view></block><view class="{{(('fa-item-content')+' '+((!item.images_list.length)?'u-m-l-20':''))}}"><view class="u-line-2 u-font-30 u-m-b-10">{{item.title}}</view><block tt:if="{{item.images_list.length}}"><view class="u-flex u-flex-wrap u-m-t-20"><block tt:for="{{item.images_list}}" tt:for-item="res" tt:for-index="key" tt:key="key"><view class="images"><u-image vue-id="{{'0ddcee32-1-'+index+'-'+key}}" width="100%" border-radius="6" height="140" src="{{res}}" bind:__l="__l"></u-image></view></block></view></block><view class="u-tips-color u-m-b-10 u-font-23">{{item.create_date}}</view><view class="article-tag u-flex"><view><u-icon vue-id="{{'0ddcee32-2-'+index}}" name="thumb-up-fill" color="#aaa" size="20" bind:__l="__l"></u-icon><text class="u-m-l-5 u-m-r-5">{{item.likes}}</text>点赞</view><view class="u-m-l-30"><u-icon vue-id="{{'0ddcee32-3-'+index}}" name="chat-fill" color="#aaa" size="20" bind:__l="__l"></u-icon><text class="u-m-l-5 u-m-r-5">{{item.comments}}</text>评论</view><view class="u-m-l-30"><u-icon vue-id="{{'0ddcee32-4-'+index}}" name="eye-fill" color="#aaa" size="20" bind:__l="__l"></u-icon><text class="u-m-l-5 u-m-r-5">{{item.views}}</text>浏览</view></view></view></view></block></view>