xz_mini/pages/index/index.wxml

<view class="swiper-box">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}">
        <swiper-item class="swiper-item" wx:for="{{news.bannerList}}" bindtap="goNewsDetail" data-item="{{item}}" data-template-record-url="{{item.templateRecordUrl}}" wx:for-index="idx" wx:for-item="item" wx:key="bannerList">
            <image binderror="loadBannerErr" data-index="{{idx}}" src="{{news.newsUrl}}/route/file/download/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" class="swiper-img" wx:key="swiperImg"></image>
        </swiper-item>
    </swiper>
</view>
<scroll-view scroll-x="true">
    <view class="tab">
        <block wx:for="{{mainFuncList}}" wx:key="index">
            <view class="tab-box" bindtap="openNewsDetail" data-item="{{item}}">
                <image src="{{item.directoriesPhoto==''? '../../images/tab6.png':news.newsUrl+'/route/file/download/true/'+item.directoriesPhoto}}"></image>
                <view class="tab-title">{{item.directoriesName}}</view>
            </view>
        </block>
        <view class="tab-box" bindtap="goVolunteer">
            <image src="../../images/tab1.png"></image>
            <view class="tab-title">志愿者服务</view>
        </view>
        <view class="tab-box" bindtap="goActivity">
            <image src="../../images/tab2.png"></image>
            <view class="tab-title">精彩活动</view>
        </view>
        <view class="tab-box" bindtap="goVenue">
            <image src="../../images/tab3.png"></image>
            <view class="tab-title">场馆导航</view>
        </view>
        <view class="tab-box" bindtap="goHeritage">
            <image src="../../images/tab4.png"></image>
            <view class="tab-title">非遗文化</view>
        </view>
        <view class="tab-box" bindtap="goBroadcast">
            <image src="../../images/tab5.png"></image>
            <view class="tab-title">直播点播</view>
        </view>
    </view>
</scroll-view>
<view class="line-thick"></view>
<view class="recommend">
    <view class="public-title">
        <view class="title-text">
            <image src="../../images/selected-l.png" class="selected-l"></image>
            精彩推荐
            <image src="../../images/selected-r.png" class="selected-r"></image>
        </view>
    </view>
    <scroll-view scroll-x="true" style="margin-top: 10rpx;">
        <view class="recommend-container">
            <view class="recommend-box" wx:for="{{venue.venueList}}" bindtap="goVenueDetail" data-venues-info-Id="{{item.venuesInfoId}}" wx:for-index="index" wx:for-item="item" wx:key="venueList">
                <view class="recommend-status">场馆导航</view>
                <view class="recommend-name">{{item.venueName}}</view>
                <image src="{{venue.venueUrl}}/route/file/download/true/{{item.venuePanoramaArray[0]}}"></image>
            </view>
            <view class="recommend-box" wx:for="{{activity.activityList}}" bindtap="goActivityDetail" data-activity-library-id="{{item.activityLibraryId}}" wx:for-index="index" wx:for-item="item" wx:key="activityList">
                <view class="recommend-status">精彩活动</view>
                <view class="recommend-name">{{item.activityTitle}}</view>
                <image src="{{activity.activityUrl}}/route/file/download/true/{{item.activityImageArray[0]}}" data-index="{{index}}" binderror="loadImgErr"></image>
            </view>
        </view>
    </scroll-view>
</view>
<view class="line-thick"></view>
<view class="news" wx:if="{{mainNewTab.length>0}}">
    <block wx:for="{{mainNewTab}}" wx:key="i" wx:for-item="it" wx:for-index="i">
        <view class="public-title">
            <view class="title-text">
                <image src="../../images/selected-l.png" class="selected-l"></image>
                {{it.directoriesName}}
                <image src="../../images/selected-r.png" class="selected-r"></image>
            </view>
        </view>
        <block wx:if="{{it.newsList}}">
            <view wx:for="{{it.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>
        </block>
    </block>
</view>
<view class="broadcast">
    <view class="public-title">
        <view class="title-text">
            <image src="../../images/selected-l.png" class="selected-l"></image>
            直播专区
            <image src="../../images/selected-r.png" class="selected-r"></image>
        </view>
    </view>
    <view class="broadcast-container">
        <view class="broadcast-box" bindtap="goBroadcastDetail" data-live-plan-id="{{item.livePlanId}}" wx:for="{{live.liveList}}" wx:for-index="index" wx:for-item="item" wx:key="liveList">
            <image src="{{live.liveUrl}}/route/file/download/true/{{item.livePlanPhoto}}"></image>
            <view class="broadcast-text">{{item.livePlanName}}</view>
            <view class="broadcast-status">直播中</view>
            <view class="broadcast-status" wx:if="{{item.liveStatus == 0}}">已结束</view>
            <view class="broadcast-status" wx:elif="{{item.liveStatus == 1}}">未开始</view>
            <view class="broadcast-status" wx:elif="{{item.liveStatus == 2}}">直播中</view>
            <view class="broadcast-status" wx:else>错误</view>
        </view>
    </view>
</view>
<view wx:if="{{isHide}}" class="search-box" bindtap="openSearch">
    <image src="/images/ic_search_gray.png" mode="scaleToFill"></image>
</view>