dreamland/template/graceUI商城套装新版本/graceMallForWX/pages/news/news.wxml

<gracePage headerBG="#FFFFFF" >
  <view slot="gHeader" style="padding:0 25rpx;">
    <graceNavBar items="{{tabs}}" currentIndex="{{currentIndex}}" bindchange="navChange"></graceNavBar>
  </view>
  <view slot="gBody" class="grace-flex-v1" id="gBody">
    <swiper style="height:{{mainHeight+'px'}}" current="{{currentIndex}}" bindchange="swiperChange">
      <swiper-item wx:for="{{newsAll}}" wx:for-item="news" wx:for-index="newsIndex" wx:key="newsIndex">
        <scroll-view scroll-y="true" style="height:{{mainHeight+'px'}}; position:relative;" 
        bindscrolltolower="scrollend" bindscroll="scroll" scroll-anchoring="{{true}}" 
        bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend">
          <view>
            <graceReload id="{{'graceReload'+newsIndex}}" bind:reload="reload" width="700rpx" marginLeft="25rpx"></graceReload>
          </view>
          <graceEmpty wx:if="{{news == 'empty'}}">
            <view slot="img" class="empty-view">
              <!-- 请根据您的项目要求制作并更换为空图片 -->
              <image class="empty-img" mode="widthFix" src="https://staticimgs.oss-cn-beijing.aliyuncs.com/empty.png"></image>
            </view>
            <text slot="text" class="grace-text-small grace-gray">本栏目暂无新闻</text>
          </graceEmpty>
          <view style="padding:0 25rpx;">
            <block wx:for="{{news}}" wx:key="index" wx:if="{{news != 'empty'}}">
              <view class="grace-news-list grace-border-b" wx:if="{{item.imgs.length < 3}}" bindtap="newsinfo">
                <view class="grace-news-item">
                  <view class="grace-news-img grace-news-img-l">
                    <image src="{{item.imgs[0]}}" mode="widthFix" class="grace-news-img-in"></image>
                  </view>
                  <view class="grace-news-body">
                    <text class="grace-news-title">{{item.title}}</text>
                    <text class="grace-news-desc">{{item.desc}}</text>
                  </view>
                </view>
                <view class="grace-news-info">
                  <view style="width:500rpx;" class="grace-nowrap">
                    <text class="grace-icons icon-eye grace-news-info-text"> {{item.viewnum}}</text>
                    <text class="grace-icons icon-write grace-news-info-text" style="margin-left:30rpx;"> {{item.author}} · {{item.catename}}</text>
                  </view>
                  <text class="grace-icons icon-zan grace-news-info-text"> 208</text>
                </view>
              </view>
              <view class="grace-news-list grace-border-b" wx:if="{{item.imgs.length >= 3}}" bindtap="newsinfo">
                <text class="grace-news-title">{{item.title}}</text>
                <view class="grace-news-img-list">
                  <view class="grace-news-imgs" wx:for="{{item.imgs}}" wx:for-item="img" wx:for-index="imgIndex" wx:key="imgIndex">
                    <image src="{{img}}" mode="widthFix" class="grace-news-imgs-img"></image>
                  </view>
                </view>
                <view class="grace-news-info">
                  <view style="width:500rpx;" class="grace-nowrap">
                    <text class="grace-icons icon-eye grace-news-info-text"> {{item.viewnum}}</text>
                    <text class="grace-icons icon-write grace-news-info-text" style="margin-left:30rpx;"> {{item.author}} · {{item.catename}}</text>
                  </view>
                  <text class="grace-icons icon-zan grace-news-info-text"> 208</text>
                </view>
              </view>
            </block>
          </view>
          <graceLoading loadingType="{{loadingTypes[newsIndex]}}"></graceLoading>
        </scroll-view>
      </swiper-item>
    </swiper>
  </view>
</gracePage>