football/unpackage/dist/build/mp-weixin/components/page-component/app-special-topic/app-special-topic-list.wxml

<view class="data-v-2a30056b"><block wx:if="{{catShow}}"><view class="app-special-topic-list data-v-2a30056b"><scroll-view class="auto-tab data-v-2a30056b" scroll-x="{{true}}"><view class="dir-left-nowrap  data-v-2a30056b"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><text data-event-opts="{{[['tap',[['tabClick',[index]]]]]}}" class="{{['app-nav-item data-v-2a30056b',(tabCurrentIndex===index)?'app-current':'']}}" bindtap="__e">{{''+item.name+''}}</text></block></view></scroll-view></view></block><view class="app-content data-v-2a30056b"><block wx:if="{{catShow}}"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{tabCurrentIndex===index}}"><view class="app-content-item data-v-2a30056b"><block wx:for="{{item.children}}" wx:for-item="child" wx:for-index="sub" wx:key="sub"><block class="data-v-2a30056b"><block wx:if="{{child.layout===0}}"><app-jump-button vue-id="{{'3d5b6a36-1-'+index+'-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-small-frame main-between  data-v-2a30056b"><view class="app-content-text dir-top-nowrap main-between data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view><image class="app-image data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{child.cover_pic}}"></image></view></app-jump-button></block><block wx:if="{{child.layout===1}}"><app-jump-button vue-id="{{'3d5b6a36-2-'+index+'-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-big-frame dir-top-nowrap data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><image class="app-image data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{child.cover_pic}}"></image><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view></app-jump-button></block><block wx:if="{{child.layout===2}}"><app-jump-button vue-id="{{'3d5b6a36-3-'+index+'-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-more-frame dir-top-nowrap data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><view class="dir-left-nowrap data-v-2a30056b"><block wx:for="{{child.pic_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-2a30056b"><image class="app-image box-grow-1 data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{item.url}}"></image></block></block></view><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view></app-jump-button></block></block></block></view></block></block></block><block wx:else><block wx:for="{{topicList}}" wx:for-item="child" wx:for-index="sub" wx:key="sub"><block class="data-v-2a30056b"><block wx:if="{{child.layout==0}}"><app-jump-button vue-id="{{'3d5b6a36-4-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-small-frame main-between  data-v-2a30056b"><view class="app-content-text dir-top-nowrap main-between data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view><image class="app-image data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{child.cover_pic}}"></image></view></app-jump-button></block><block wx:if="{{child.layout==1}}"><app-jump-button vue-id="{{'3d5b6a36-5-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-big-frame dir-top-nowrap data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><image class="app-image data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{child.cover_pic}}"></image><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view></app-jump-button></block><block wx:if="{{child.layout==2}}"><app-jump-button vue-id="{{'3d5b6a36-6-'+sub}}" form="{{true}}" url="{{'../topic/topic?id='+child.id}}" open_type="navigate" class="data-v-2a30056b" bind:__l="__l" vue-slots="{{['default']}}"><view class="app-more-frame dir-top-nowrap data-v-2a30056b"><text class="app-text t-omit-two data-v-2a30056b">{{child.title}}</text><text class="app-text-read t-omit-two data-v-2a30056b">{{child.abstract}}</text><view class="dir-left-nowrap data-v-2a30056b"><block wx:for="{{child.pic_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-2a30056b"><image class="app-image box-grow-1 data-v-2a30056b" lazy-load="{{true}}" mode="scaleToFill" src="{{item.url}}"></image></block></block></view><text class="app-text-read data-v-2a30056b">{{child.read_count}}</text></view></app-jump-button></block></block></block></block></view></view>