xz_angren/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-template-record-url="{{item.templateRecordUrl}}" wx:for-index="idx" wx:for-item="item" wx:key="bannerList">
      <image src="{{news.newsUrl}}/route/file/downloadfile/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" class="swiper-img" wx:key="swiperImg"></image>
    </swiper-item>
  </swiper>
</view>
<view class="tab">
  <view class="tab-box" bindtap="goNewsList" data-type="2">
    <image src="../../images/tab6.png"></image>
    <view class="tab-title">展览展示</view>
  </view>
  <view class="tab-box" bindtap="goNewsList" data-type="1">
    <image src="../../images/tab7.png"></image>
    <view class="tab-title">文化动态</view>
  </view>
  <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 class="tab-box" bindtap="goTrain">
    <image src="../../images/tab5.png"></image>
    <view class="tab-title">在线培训</view>
  </view>
  <view class="tab-box" bindtap="goTravel">
    <image src="../../images/tab6.png"></image>
    <view class="tab-title">文化旅游</view>
  </view>
</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>
  <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">
      <image src="{{venue.venueUrl}}/route/file/downloadfile/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">
      <image src="{{activity.activityUrl}}/route/file/downloadfile/true/{{item.activityImageArray[0]}}"></image>
    </view>
  </view>
</view>
<view class="news">
  <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 wx:for="{{news.newsList}}" wx:for-index="idx" wx:for-item="item" wx:key="newsList">
    <view class="news-box" bindtap="goNewsDetail" 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/downloadfile/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-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_2'}}">
      <view class="news-row-img">
        <image src="{{news.newsUrl}}/route/file/downloadfile/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" wx:key="coverItem"></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-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/downloadfile/true/{{coverItem.contentCoverId}}" wx:for="{{item.newsContentCoverList}}" wx:for-item="coverItem" wx:key="coverItem"></image>
      </view>
    </view>
    <view class="news-box" bindtap="goNewsDetail" 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/downloadfile/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" bindtap="goNewsDetail" 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>
</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/downloadfile/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>