hulimall/pages/new/new.wxml

<!-- 加载页面开始 -->
<view class="body" wx:if="{{remind}}">
  <view class='zong'>
    <view class="spinner">
      <view class="spinner-container container1">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container2">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container3">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
    </view>
  </view>
</view>
<!-- 加载页面结束 -->
<block wx:else>
  <!-- <view class='sort-wrap fd'>
        <view class="sort-btn {{select == 0 ? 'select' : ''}}" bindtap="default">
          最新
        </view>
        <view class="sort-btn {{select == 1 ? 'select' : ''}}" data-index="{{daindex1}}" data-sel="{{daindex1}}" bindtap="choosesort1">
          销量
          <image src="{{imageurl1}}"></image>
        </view>
        <view class="sort-btn {{select == 2 ? 'select' : ''}}" data-index="{{daindex2}}" bindtap="choosesort2">
          价格
          <image src="{{imageurl2}}"></image>
        </view>
        <view class='sort-btn'>
         <view class='iconfont {{xianshi}}' bindtap="tabchage"> </view>
        </view>
      </view>  -->

  <view class="list">
    <view class="cont" style='padding-top:10px;'>
      <view class="xs">
        <navigator class="product xs" url="../product/detail?productId={{item.id}}&size={{item.size}}" hover-class="changestyle" wx:for="{{shopList}}" wx:key="index" data-id="{{item.id}}">
          <image class="photo" src="{{item.imgurl}}"></image>
              <view class="title">新品 {{item.product_title}}</view>
              <view class="gstatus">{{item.s_type_list[0].name}}</view>
              <view style="display:flex;line-height:50rpx;color:#999">
                <view class="gmxx">¥ {{item.price}}</view>
                <view class="ku">已售{{item.volume}}件</view>
              </view>
              <view style="display:flex;">
                <view class="goods_shopBox">
                  <image class="goods_shop" src="{{logoUrl}}{{item.logo}}"></image>
                  <text>{{item.mch_name}}</text>
                </view>
                <!-- <view class="discover" data-id="{{item.id}}" bindtap="discoverSimilarProducts">找相似</view> -->
              </view>
        </navigator>
      </view>
    </view>
    <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}">1</view>
    <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}"></view>
    <view class="clear mt10" wx:if="{{period}}" style='border:0;color:#666'>-我是有底线的-</view>
    <block wx:else>
      <!-- 显示加载 -->
      <view style="display: flex;" wx:if="{{loading}}">
        <view class="spinner" style='margin:20px auto;'>
          <view class="spinner-container container1">
            <view class="circle1"></view>
            <view class="circle2"></view>
            <view class="circle3"></view>
            <view class="circle4"></view>
          </view>
          <view class="spinner-container container2">
            <view class="circle1"></view>
            <view class="circle2"></view>
            <view class="circle3"></view>
            <view class="circle4"></view>
          </view>
          <view class="spinner-container container3">
            <view class="circle1"></view>
            <view class="circle2"></view>
            <view class="circle3"></view>
            <view class="circle4"></view>
          </view>
        </view>
      </view>
      <!-- <view class="clear mt10" wx:else bindtap="getMore">点击查看更多{{loading}}-</view> -->
      <view class='goTop' hidden='{{!floorstatus}}' bindtap="goTop">
        <image src='/images/fanhui.png' style='width:20px;height:20px;margin:10px;'></image>
      </view>
    </block>
  </view>
</block>