hulimall/pages/listdetail/listdetail.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>
  <!-- <image wx:if="{{bg != ''}}" class='class_img' src='{{bg}}'></image> -->
  <view style='height:90rpx'></view>
  <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" wx:if="{{shopList.length > 0}}">
    <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>
        </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: #999;'>-我是有底线的-</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>
    </block>
  </view>
  <block wx:else>
    <view style='text-align:center;padding-top:30%;'>
      <view class="font_14">
        <image class="scimg" src="/images/icon-no.png"></image>
      </view>
      <text style="color: #666;font-size: 13px;">没有找到您需要商品(ㄒoㄒ)~~</text>
    </view>
  </block>
</block>