wxhuanart/miniprogram/pages/atphotos/index.wxml

<n-spin spinning="{{loading}}">
  <view class="mainpage">

    <view class="atphoto-list" wx:if="{{ idx < 0 }}">
      <view class="atphoto-item cate delay-{{index}}" wx:for="{{cates}}" wx:key="index" data-idx="{{index}}" bind:tap="gocate">
        <t-image src="{{this.url2thumb(item.url)}}" mode="widthFix" lazy-load t-class="caseimage" />
        <view class="floatname">{{item.name}}</view>
      </view>
    </view>

    <block wx:else>
      <t-button icon="chevron-left" shape="circle" class="ml-1" bind:tap="goback" style="position: fixed; bottom: 100rpx; right: 50rpx; z-index: 9999;" theme="primary" />
      <view class="atphoto-list">
        <view class="atphoto-item delay-{{index % 20}}" wx:for="{{views}}" wx:key="index" data-idx="{{index}}" bind:tap="goview">
          <t-image src="{{this.url2thumb(item)}}" mode="widthFix" lazy-load t-class="caseimage" />
        </view>
      </view>
    </block>
  </view>
</n-spin>

<wxs src="../../utils/url.wxs" module="this" />