xz_dingjie/pages/newsList/newsList.wxml

<view class="top-tab">
    <view class="type">
        <view class="tab-box {{currentNewsDictionariesId==dirId ? 'active' : ''}}" bindtap="doClearCurrentNewsDictionariesId">
            <image src="../../images/selected-l.png" mode="scaleToFill" wx:if="{{dirId==currentNewsDictionariesId}}"></image>
            <view class="txt">全部</view>
            <image src="../../images/selected-r.png" mode="scaleToFill" wx:if="{{dirId==currentNewsDictionariesId}}"></image>
        </view>
        <view class="tab-box {{ item.newsDirectoriesId == currentNewsDictionariesId ? 'active' : ''}}" wx:for="{{news.newsDictionaries}}" wx:for-index="index" wx:for-item="item" wx:key="newsDictionaries" bindtap="doClickDictionaries" data-news-directories-id="{{item.newsDirectoriesId}}">
            <image src="../../images/selected-l.png" mode="scaleToFill" wx:if="{{item.newsDirectoriesId==currentNewsDictionariesId}}"></image>
            <view class="txt">{{item.directoriesName}}</view>
            <image src="../../images/selected-r.png" mode="scaleToFill" wx:if="{{item.newsDirectoriesId==currentNewsDictionariesId}}"></image>
        </view>
    </view>
    <view class="type">
        <view class="tab-box {{defaultAreaId == areaId?'active': ''}}" bindtap="loadAll">
            <image src="../../images/selected-l.png" mode="scaleToFill" wx:if="{{areaId==defaultAreaId}}"></image>
            <view class="txt">全部</view>
            <image src="../../images/selected-r.png" mode="scaleToFill" wx:if="{{areaId==defaultAreaId}}"></image>
        </view>
        <view class="tab-box {{item.areaCode == areaId?'active': ''}}" wx:for="{{areaList}}" wx:key="index" data-area="{{item.areaCode}}" data-level="{{item.areaLevel}}" bindtap="changeArea">
            <image src="../../images/selected-l.png" mode="scaleToFill" wx:if="{{areaId==item.areaCode}}"></image>
            <view class="txt">{{item.areaName}}</view>
            <image src="../../images/selected-r.png" mode="scaleToFill" wx:if="{{areaId==item.areaCode}}"></image>
        </view>
    </view>
</view>

<view class="news">
    <view wx:for="{{news.newsList}}" wx:for-index="idx" wx:for-item="item" wx:key="idx">
        <view class="news-box" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_1'}}">
            <view class="news-title">{{item.newsContentTitle}}</view>
            <view class="news-small-pic">
                <image src="{{news.newsUrl}}/route/file/download/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" wx:key="coverItem"></image>
            </view>
            <view class="news-info">
                <text>来源：{{item.newsContentResource}}</text>
                <text>{{item.newsContentPublishTime}}</text>
            </view>
        </view>
        <view class="news-box transverse-news" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_2'}}">
            <view class="news-row-img">
                <image src="{{news.newsUrl}}/route/file/download/true/{{item.newsContentCoverList[0].contentCoverId}}"></image>
            </view>
            <view class="news-row-info">
                <view class="news-title">{{item.newsContentTitle}}</view>
                <view class="news-info">
                    <text>来源：{{item.newsContentResource}}</text>
                    <text>{{item.newsContentPublishTime}}</text>
                </view>
            </view>
        </view>
        <view class="news-box transverse-news" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_3'}}">
            <view class="news-row-info">
                <view class="news-title">{{item.newsContentTitle}}</view>
                <view class="news-info">
                    <text>来源：{{item.newsContentResource}}</text>
                    <text>{{item.newsContentPublishTime}}</text>
                </view>
            </view>
            <view class="news-row-img">
                <image src="{{news.newsUrl}}/route/file/download/true/{{item.newsContentCoverList[0].contentCoverId}}"></image>
            </view>
        </view>
        <view class="news-box" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_4'}}">
            <view class="news-title">{{item.newsContentTitle}}</view>
            <view class="news-big-pic">
                <image src="{{news.newsUrl}}/route/file/download/true/{{item.newsContentCoverList[0].contentCoverId}}"></image>
            </view>
            <view class="news-info">
                <text>来源：{{item.newsContentResource}}</text>
                <text>{{item.newsContentPublishTime}}</text>
            </view>
        </view>
        <view class="news-box" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_5'}}">
            <view class="news-title">{{item.newsContentTitle}}</view>
            <view class="news-info">
                <text>来源：{{item.newsContentResource}}</text>
                <text>{{item.newsContentPublishTime}}</text>
            </view>
        </view>
        <view class="news-box" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_6'}}">
            <view class="news-title">{{item.newsContentTitle}}</view>
            <view class="news-big-pic">
                <image src="{{news.newsUrl}}/route/file/download/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" wx:key="coverItem"></image>
                <image src="../../images/play.png" class="play-btn"></image>
            </view>
            <view class="news-info">
                <text>来源：{{item.newsContentResource}}</text>
                <text>{{item.newsContentPublishTime}}</text>
            </view>
        </view>
        <view class="news-box" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_7'}}">
            <view class="news-title">{{item.newsContentTitle}}</view>
            <view class="news-info voice-box">
                <text>来源：{{item.newsContentResource}}</text>
                <text>{{item.newsContentPublishTime}}</text>
                <image src="/images/ic_music_icon.png" class="voice-img"></image>
            </view>
        </view>
    </view>
</view>