TSYWXT-WX-APP/pages/news/news.wxml

<view class="top-image">
  <image class="swiper-image" src="https://dylan1030.github.io/1001/JuliaRoberts1990-2.jpg" />
</view>
<view class='imagetext'>
  <view class="{{selsectState[0]?'newsSelected':'newsNormal'}}" bindtap='clickNation'>
    <!-- <image class="icon-image" src="../../images/keji.png"/>-->
    <view class='tabText'>吃喝</view>
  </view>
  <view class="{{selsectState[1]?'newsSelected':'newsNormal'}}" bindtap='clickSport'>
    <!-- <image class="icon-image" src="../../images/keji.png"/>-->
    <view class='tabText'>玩乐</view>
  </view>
  <view class="{{selsectState[2]?'newsSelected':'newsNormal'}}" bindtap='clickScience'>
    <!--<image class="icon-image" src="../../images/keji.png"/>-->
    <view class='tabText'>景点</view>
  </view>
</view>


<scroll-view class="news-list">
  <block wx:for="{{topNews}}" wx:key="key">
    <view class="news-item" data-title="{{item.title}}" data-url="{{item.url}}" bindtap="bindViewTap">
      <view class="news-box">
        <view>
          <image class="list-image" src="{{item.thumbnail_pic_s}}" mode="aspectFill" />
        </view>
        <view class="news-text">
          <text class="news-title">{{item.author_name}}</text>
          <text class="news-stamp">{{item.title}}</text>
        </view>
      </view>
    </view>
  </block>
</scroll-view>