hulimall/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view class="page">
  <!-- 加载页面开始 -->
  <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>
    <!-- <form bindsubmit="search_cancel" wx:if="{{searchView}}" report-submit="true">
      <view class="search-box">

        <view class="input-box">
          <view style="font-size: 0">
            <image class="search-icon" src="/images/icon-search.png"></image>
          </view>
          <view style="width: 100%">
            <input focus='{{searchView}}' bindblur="inputBlur" name='search_value' bindconfirm="inputConfirm" bindfocus="inputFocus" class="search-input" confirmType="search" style="width: 100%"></input>
          </view>
        </view>

        <view>
          <button type="primary" formType="submit" style='display:inline-block;height:64rpx;line-height:68rpx;color:#00c203;white-space:nowrap;padding:0 24rpx;margin-right:-24rpx;position:static;background:#eee;' class="search-cancel">搜索</button>
        </view>

      </view>
    </form> -->
    <!-- <view class='tab'>
      <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}">
        <view class='tablist'>
          <view wx:for="{{titleList}}" wx:key="cid" scroll-x class='item {{current==index?"select":""}}' data-pos='{{index}}' data-tabid='{{item.cid}}' bindtap='tabItemClick'>
            <text class='tab-text'>{{item.pname}}</text>
          </view>
        </view>
      </scroll-view>
      <view class='searchWrap' bindtap='searchView'>
        <image class="search-icon1" src="/images/icon-search.png"></image>
      </view>
    </view> -->
    <!-- 顶部导航栏 -->
    <view class="container_top_item" style="padding-top:{{barHeight + 40}}rpx; padding-bottom:10rpx;">
      <view class="container_top_item_left" bindtap="navToArea">
        {{region.city?region.city:'常州市'}}
        <image src="/images/icon_xiahua.png" lazy-load="true"></image>
      </view>

      <view class="container_top_item_center" bindtap="toUrl('/pagesA/search/search')">
        <image src="/images/syss.png" lazy-load="true"></image>
        搜索你想要的商品
      </view>

      <!-- <view class="container_top_item_right" bindtap="_navigateTo('/pages/message/systemMesage')">
          <image src="grxx" lazy-load="true"></image>
          <view v-if="xxnum">{{ xxnum }}</view>
      </view> -->
    </view>
    <!-- 顶部导航栏结束 -->

    <view class="out">
      <!-- <swiper class='out' current='{{current}}' autoplay="{{false}}" bindchange="contentChange"> -->
      <!-- <swiper-item wx:for="{{titleList}}" wx:for-item="item" wx:key="id"> -->
      <scroll-view scroll-y="true" bindscrolltolower="obm">

        <!-- /首页轮播图/ -->
        <!-- wx:if="{{item.cid == 0 && banner.length >0}}" -->
        <swiper class="swiper-box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
          <block wx:for="{{banner}}" wx:key="id">
            <navigator url='{{item.url}}'>
              <swiper-item>
                <image src="{{item.image}}" id="{{item.id}}" class="slide-image" width="100%" height="200" />
              </swiper-item>
            </navigator>
          </block>
        </swiper>
        <!-- /首页轮播图结束/ -->

        <!-- /首页菜单/ -->
        <!-- wx:if="{{item.id > 0 && item.icons.length >0}}" -->
        <view class="section icons">
          <navigator class="icon" url="../listdetail/listdetail?id={{icons.id}}&title={{icons.name}}" hover-class="changestyle" wx:for="{{plug}}" wx:for-item="icons" wx:key="id" data-id="{{icons.id}}">
            <view>
              <image class='img' src="{{icons.appimg}}"></image>
            </view>
            <view style='width:100%;'>
              <text class="menu-width">{{icons.name}}</text>
            </view>
          </navigator>
        </view>
        <!-- /首页菜单结束/ -->

        <!--滚动公告条开始 -->
        <!-- <view class='in_news' wx:if="{{item.id==0 && inforList.length > 0}}">
            <image src='/images/lb.png' class='in_img'></image>
            <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000">
              <block wx:for="{{inforList}}"wx:key="key">
                <navigator url="../notice/index?Id={{item.url}}" open-type="navigate">
                  <swiper-item>
                    <view class="swiper_item">{{item.title}}</view>
                  </swiper-item>
                </navigator>
              </block>
            </swiper>
          </view> -->
        <!-- 滚动公告条结束 -->

        <!-- 好物优选 -->
        <view class="content_top" style="margin-bottom: 38rpx;">
          <view class="content_top-box" data-title="新品上市" bindtap="navigatorAct">
            <view class="content_top-box-top">
                <view class="content_top-box-top-title">新品上市</view>
                <view class="content_top-box-top-txt">上新好物优选购</view>
              </view>
              <view class="content_top-box-bottom" wx:if="{{newImgList}}">
                <image src="{{newImgList[0].imgurl}}" class="content_top-box-bottom-img"></image>
                <image wx:if="{{newImgList.length > 1}}" src="{{newImgList[1].imgurl}}" class="content_top-box-bottom-img"></image>
              </view>
          </view>
          <view class="content_top-box" data-title="好物优选" bindtap="navigatorAct">
            <!-- <navigator url="../new/new?type=2" open-type="navigate"> -->
              <view class="content_top-box-top">
                <view class="content_top-box-top-title">好物优选</view>
                <view class="content_top-box-top-txt">品质好物优先选</view>
              </view>
              <view class="content_top-box-bottom" wx:if="{{recommendImgList}}">
                <image src="{{recommendImgList[0].imgurl}}" class="content_top-box-bottom-img"></image>
                <image wx:if="{{recommendImgList.length > 1}}" src="{{recommendImgList[1].imgurl}}" class="content_top-box-bottom-img"></image>
              </view>
            <!-- </navigator> -->
          </view>
        </view>
        <!-- 好物优选结束 -->
        <!-- 优选店铺 -->
        <view class="mch" wx:if="{{r_mch}}">
          <view class="home_title">
            <view class="mch_name">优选店铺</view>
            <image class="home_title_bg" src="/images/home_title_bg.png"></image>
            <view class="more" bindtap="navToShopList">
              <text>更多</text>
              <image src="/images/x_right.png" lazy-load="true"></image>
            </view>
          </view>
          <view class="mch_content">
            <view class="mch_content_item" wx:for="{{r_mch}}" wx:for-item="item" wx:key="id" bindtap="navToShopList">
              <image src="{{item.logo}}" lazy-load="true" mode="aspectFill"></image>
              <view>{{item.name}}</view>
              <text>{{item.distance}}km</text>
            </view>
          </view>
        </view>
        <!-- 优选店铺结束 -->
        <!-- 会员权益 -->
        <!-- @click="vipclick" -->
        <!-- <view style="width: 100%;height: 200rpx;"  wx:if="{{memberPlugin}}"> 
               <image src="https://mall.gylservice.com/pic/images/icon1/member/hyrk.png" style="width: 100%;height: 100%;"></image>
           </view>  -->
        <!-- 会员权益结束 -->

        <!-- 分类商品 -->
        <!-- <view class="cont">
            <block wx:for="{{item.list}}" wx:for-item="list" wx:key="id">
              <navigator  class="img-box" wx:if="{{list.url}}" url="{{list.url}}" hover-class="changestyle">
                <image class="mphoto" style="width:{{ images[index].width }}rpx; height:{{images[index].height}}rpx;" data-index="{{index}}" bindload='imgW' src="{{list.imgurl}}"></image>
              </navigator>
              <view class="item_cont" wx:elif="{{index==0}}">
                <block wx:for="{{indexList}}" wx:for-item="item" wx:key="id">
                  <navigator class="productView" url="../product/detail?productId={{item.id}}" hover-class="changestyle">
                    <image class="photo" src="{{item.imgurl}}"></image>
                    <view class="title">{{item.product_title}}</view>
                    <view style="display:flex;line-height:50rpx;">
                      <view class="gmxx" style="font-size:28rpx;">
                        <text style="padding:0px 4px 0 0;" wx:if="{{item.xp == 1}}">新品</text>
                        <text style="padding:0px 4px 0 0;" wx:if="{{item.rexiao == 1}}">热销</text>
                        <text style="padding:0px 4px 0 0;" wx:if="{{item.tuijian == 1}}">推荐</text>
                      </view>
                    </view>
                    <view style="display:flex;line-height:50rpx;color:#999">
                      <view class="gmxx" style="color: red;">¥ {{item.price}}原价：￥{{item.price_yh}}</view>
                      <view class="ku" style="width:70%">销量：{{item.volume}}</view>
                    </view>
                  </navigator>
                </block>
              </view>
            </block>
          </view> -->
        <!-- wx:else -->
        <view class="cont">
          <!-- 分类导航 -->
          <scroll-view class="scroll-view_x" scroll-x="true" style="width:auto;overflow:hidden;">
            <view class="seckill_content_view">
              <view class='goods_title_item {{current==index?"active":""}}' wx:for="{{titleList}}" data-pos='{{index}}' wx:for-item="item" wx:key="cid" data-tabid='{{item.cid}}' bindtap='tabItemClick'>
                <view>{{item.pname}}</view>
                <text>{{item.english_name}}</text>
              </view>
            </view>
          </scroll-view>
          <block wx:for="{{titleList[current].list}}" wx:for-item="list" wx:key="id">
            <navigator class="productView" url="../product/detail?productId={{list.id}}" hover-class="changestyle">
              <image class="photo" src="{{list.imgurl}}"></image>
              <view class="title">{{list.product_title}}</view>
              <view class="gstatus">{{list.s_type_list[0].name}}</view>
              <view style="display:flex;line-height:50rpx;color:#999">
                <view class="gmxx">¥ {{list.price}}</view>
                <view class="ku">已售{{list.volume}}件</view>
              </view>
              <view style="display:flex;">
                <view class="goods_shopBox">
                  <image class="goods_shop" src="{{list.logo}}"></image>
                  <text>{{list.mch_name}}</text>
                </view>
                <view class="discover" data-id="{{list.id}}" bindtap="discoverSimilarProducts">找相似</view>
              </view>
            </navigator>
          </block>
        </view>
        <!-- 分类商品结束 -->

        <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>

        <!-- wx:if="{{titleList[current].list == ''}}" -->
        <view class='tishi'>
          <!-- <view>
              <image class='scimg' style="margin-top: 15%;margin-bottom: 5%;" src='/images/search_no.png'></image>
            </view> -->
          <view style='font-size:27rpx;color:#999;padding-top:20rpx;padding-bottom:50rpx;'>~ 我是有底线的 ~</view>
        </view>
      </scroll-view>

      <!-- </swiper-item>
    </swiper> -->
    </view>

    <view wx:if="{{zjList_box}}" class='zjList_box'>
      <view class='zjList'>
        <view class="swiper_item">
          <image src='{{headimgurl}}' class='zjList_img'></image>
          恭喜{{user_name}}获得{{pname}}
        </view>
      </view>
    </view>

  </block>
</view>
<image class="zhiding" src="/images/zhiding.png" bindtap="zhiding"></image>
<!--模态弹窗-->
<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
<view class="modalDlg" wx:if="{{showModal && sign_status == 1}}">
  <image src="{{sign_image}}" bindtap="navigate_sign" mode="aspectFit" style="width:700rpx;" />
  <icon type="cancel" size="35" color="orange" catchtap="go" class="close" />
</view>
<pop id="pop"></pop>