twong329/view/xcx/pages/index/index.wxml

<navbar parameter='{{parameter}}' logoUrl="{{logoUrl}}"></navbar>
<view class="indexs">
  <view class="indexTip" style="top:{{navH+13}}rpx" hidden="{{iShiddenTip}}">
    <view class="tip acea-row row-between-wrapper">
      <view class="text">点击“<image src="/images/spot.png"></image>”添加到我的小程序， 微信首页下拉即可访问商城。</view>
      <view class="iconfont icon-guanbi1" bindtap="closeTip"></view>
    </view> 
  </view>

  <Tabs color="#fff" active="{{activeTabIndex}}" bind:click="onTapCategoryTabItem">
    <Tab title="主场">
      <view class="wrapper">
        <!-- banner 图 -->
        <view class="slider-banner banner">
          <swiper indicator-dots="true"
            autoplay="{{autoplay}}" circular="{{circular}}" interval="3000" duration="500" indicator-color="rgba(0,0,0,0.2)" indicator-active-color="#ff3366">
            <swiper-item wx:for="{{banner}}" wx:key='index'>
              <navigator url="{{item.url ? item.url : ''}}" class="pictrue acea-row row-middle" hover-class='none'>
                <image src="{{item.pic}}" class="slide-image"></image>
              </navigator >
            </swiper-item>
          </swiper>
        </view>

        <!-- 菜单按钮 -->
        <view class="nav acea-row">
          <block wx:for="{{menus}}" wx:key='index'>
            <navigator url="{{item.url ? item.url : ''}}" wx:if="{{item.show == '1'}}" class="item" open-type='switchTab' hover-class='none'>
              <view class="pictrue"><image src="{{item.pic}}"></image></view>
              <view>{{ item.name }}</view>
            </navigator>
            <navigator url="{{item.url ? item.url : ''}}" wx:else class="item"  hover-class='none'>
              <view class="pictrue"><image src="{{item.pic}}"></image></view>
              <view>{{ item.name }}</view>
            </navigator>
          </block>
        </view>
        
        <!-- 新闻/跑马灯 -->
        <view class='news acea-row row-between-wrapper' wx:if="{{itemNew.length}}">
          <view class='pictrue'><image src='/images/news.png'></image></view>
          <view class='swiperTxt'>
            <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="2500" duration="{{duration}}" vertical="true" circular="true">
              <block wx:for="{{itemNew}}" wx:key='index'>
                <swiper-item catchtouchmove='catchTouchMove'>
                  <navigator wx:if="{{item.show == '1'}}" url='{{item.url}}'  open-type='switchTab' class='acea-row row-between-wrapper' hover-class='none'>
                    <view class='text acea-row row-between-wrapper'>
                      <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
                      <view class='newsTitle line1'>{{item.info}}</view>
                    </view>
                    <view class='iconfont icon-xiangyou'></view>
                  </navigator>
                  <navigator wx:else open-type='navigate' url='{{item.url}}'  class='acea-row row-between-wrapper' hover-class='none'>
                    <view class='text acea-row row-between-wrapper'>
                      <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
                      <view class='newsTitle line1'>{{item.info}}</view>
                    </view>
                    <view class='iconfont icon-xiangyou'></view>
                  </navigator>
                </swiper-item>
              </block>
            </swiper> 
          </view>
        </view>
        
        <!-- 优惠券领取
        <view class="scroll-coupon" wx:if="{{getCouponList.length}}">
          <scroll-view class="scroll-view_x" enable-flex scroll-x style="width:auto;overflow:hidden;">
            <view class="item {{item.is_use ? 'on' : ''}}"
                  data-index="{{index}}"
                  bindtap="receiveCoupon"
                  wx:for="{{getCouponList}}"
                  wx:key='index'>
              <image src="/images/label01.png" class="lable" wx:if='{{item.is_use === true}}'></image>
              <image src="/images/label02.png" class="lable" wx:elif='{{item.is_use === 2}}'></image>
              <view class="coupon-slide acea-row row-center-wrapper">
                <view class="money">
                  ¥<text class="num">{{ item.coupon_price }}</text>
                </view>
                <view>
                  <view class="minPrice">
                    满¥<text class="num">{{ item.use_min_price }}</text>可用
                  </view>
                  <view class="time">
                    {{ item.start_time ? item.start_time + "-" : ""}}{{ item.end_time }}
                  </view>
                </view>
              </view>
            </view>
            <view class="more"><navigator url="/pages/user_get_coupon/index" hover-class="none">领取更多</navigator></view>
          </scroll-view>
        </view>
        -->

        <!-- 活动区域图片
        <view class="activity" wx:if="{{activity.length}}">
          <view class="title"><image src="/images/title.png"></image></view>
          <view class="activityCon acea-row row-between-wrapper">
            <navigator url="{{item.link ? item.link : ''}}" class="left"
              style="{{'background-image: url(' + item.pic + ');'}}"
              hover-class="none" wx:for="{{activity}}" wx:if="{{index == 1}}" wx:key='index'>
              <view class="name">{{ item.title }}</view>
              <view class="info">{{ item.info }}</view>
              <view class='timeCon'>
                <text class='num'>{{countDownHour}}</text> :
                <text class='num'>{{countDownMinute}}</text> :
                <text class='num'>{{countDownSecond}}</text>
              </view>
            </navigator >
            <view class="right acea-row row-column-between">
              <navigator url="{{item.link ? item.link : ''}}"
                class="item" style="background-image: url('{{item.pic}}')"
                wx:for="{{activity}}" wx:key='index' hover-class="none" wx:if="{{index == 0 || index == 2}}">
                <view class="name">{{ item.title }}</view>
                <view class="info">{{ item.info }}</view>
              </navigator >
            </view>
          </view>
        </view>
        -->

        <!-- 直播列表，后台暂不支持
        <view class="liveBroadcast" wx:if='{{liveList.length || liveInfo.roomid}}'>
          <view class="publicTitle acea-row row-center-wrapper">
            <image src="/images/tv.png"></image>
            <navigator hover-class="none" url='/pages/first-new-product/index?type=3' class="more">更多 ></navigator>
          </view>
          <navigator wx:if='{{liveInfo.roomid}}' hover-class="none" url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{liveInfo.roomid}}" class="broadcast time">
            <view class="pictrue">
              <image src="{{liveInfo.share_img}}"></image>
              <view class="label" wx:if='{{liveInfo.live_status == 101}}'><text class="iconfont icon-zhibo"></text>直播中</view>
              <view class="label" wx:if='{{liveInfo.live_status == 103}}'><text class="iconfont icon-zhibojieshux"></text>已结束</view>
              <view class="label" wx:if='{{liveInfo.live_status == 102}}'><text class="iconfont icon-shijian"></text>直播时间 {{liveInfo._start_time}}</view>
            </view>
            <view class="text line1">{{liveInfo.name}}</view>
          </navigator>
          <view class="list" wx:if="{{liveList.length}}">
            <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
              <navigator hover-class="none" wx:for='{{liveList}}' wx:key='index' url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{item.roomid}}" class="item">
                <view class="pictrue">
                  <image src="{{item.share_img}}"></image>
                  <view class="label" wx:if='{{item.live_status == 101}}'><text class="iconfont icon-zhibo"></text>直播中</view>
                  <view class="label" wx:if='{{item.live_status == 103}}'><text class="iconfont icon-zhibojieshux"></text>已结束</view>
                  <view class="label" wx:if='{{item.live_status == 102}}'><text class="iconfont icon-shijian"></text>直播时间 {{item._start_time}}</view>
                </view>
                <view class="text line1">{{item.name}}</view>
              </navigator>
            </scroll-view>
          </view>
        </view>
        -->

        <!-- 秒杀，屏蔽
        <view class="flashSale" wx:if="{{seckillCont}}">
          <view class="title acea-row row-between row-bottom">
            <view class="left acea-row row-middle">
              <view class="pictrue">
                <image src="/images/buyTitle.png"></image>
              </view>
              <view class="text">
                <view>top sellers</view>
                <view class="chinese">拼手速抢惊喜 每日更新</view>
              </view>
            </view>
            <view class="right acea-row row-middle">
              <view class="item">
                <text class="iconfont icon-xuanzhong"></text>限时低价
              </view>
              <view class="item">
                <text class="iconfont icon-xuanzhong"></text>正品保证
              </view>
            </view>
          </view>
          <view class="pictrueBg"><image src="/images/timeBg.png"></image></view>
          <view class="timeItem">
            <scroll-view class="scroll-view_x" scroll-x scroll-with-animation scroll-left="{{scrollLeft}}">
              <view class="timeLen item {{killIndex==index?'on':''}}" data-index="{{index}}" bindtap="setTime" wx:for="{{timeList}}" wx:key='index'>
                <view class="time">{{ item.time }}</view>
                <view class="stateCon acea-row row-center-wrapper">
                  <view class="state acea-row row-center-wrapper">
                    {{ item.state }}
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
          <view class="list">
            <scroll-view class="scroll-view_x acea-row" scroll-x style="width:auto;overflow:hidden;">
              <view class="item" wx:for="{{seckillList}}" wx:for-item="itemSeckill" wx:key='index'>
                <view class="pictrue" bindtap="goDetail" data-id="{{itemSeckill.id}}">
                  <image src="{{itemSeckill.image}}"></image>
                  <view class="bar">
                    <view class="pos">
                      <view class="num acea-row row-center-wrapper" style="width:{{itemSeckill.percent}}%;"></view>
                      <view class="stock">已抢{{itemSeckill.percent}}%</view>
                    </view>
                  </view>
                </view>
                <view class="text">
                  <view class="name line1">{{ itemSeckill.title }}</view>
                  <view class="ot-money">
                    ¥{{ itemSeckill.ot_price }}
                  </view>
                  <view class="money font-color">
                    ¥<text class="num">{{ itemSeckill.price }}</text>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
        -->

        <!-- 首发新品推荐图片
        <navigator 
          url="{{lovely[0].link ? lovely[0].link : ''}}"
          class="advert"
          hover-class="none"
          wx:if="{{lovely.length}}">
          <image src="{{lovely[0].img}}"></image>
        </navigator> 
        -->
        
        <!-- 不使用后台的首发新品图片
        <view class='advert' wx:if="{{newGoodsBananr}}">
          <block>
            <image src='{{newGoodsBananr}}'></image>
          </block>  
        </view>
        -->

        <view class="newProducts" wx:if="{{info.firstList.length > 0}}">
          <!-- 首发新品 banner 固定图片 -->
          <view class="publicTitle acea-row row-center-wrapper">
            <image src="/images/newsTitle.png"></image>
            <navigator hover-class="none" url='/pages/first-new-product/index?type=3' class="more">更多 ></navigator>
          </view>
          <!-- 首发新品轮播图 -->
          <view class="newSwiper">
            <swiper autoplay="{{autoplay}}" circular="{{circular}}" interval="{{intervalNew}}" duration="{{durationNew}}"     previous-margin="110px" next-margin="110px" bindchange="bindchange">
              <swiper-item wx:for="{{info.firstList}}" wx:key='index'>
                <view bindtap="goDetailType" data-items='{{item}}' class="item {{avtiveIndex===index?'active':'quiet'}}">
                  <image src="{{item.image}}"></image>
                  <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type ==='1'}}">秒杀</text>
                  <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '2'}}">砍价</text>
                  <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '3'}}">拼团</text>
                </view>
              </swiper-item>
            </swiper>
            <view class="text" wx:for="{{info.firstList}}" wx:key='index'>
              <view wx:if="{{index === avtiveIndex}}">
                <view class="name line1">{{ item.store_name }}</view>
                <view class="money font-color">
                  ¥<text class="num">{{ item.price }}</text>
                </view>
              </view>
            </view>
          </view>
        </view>

        <view class="recommend" wx:if="{{info.bastList.length || info.bastBanner.length}}">
          <!-- 精品推荐 banner 客户端固定 -->
          <view class="publicTitle acea-row row-center-wrapper">
            <image src="/images/boutiqueTitle.png"></image>
            <navigator hover-class="none" url='/pages/first-new-product/index?type=1' class="more" >更多 ></navigator>
          </view>
          <!-- 精品推荐配图轮播 -->
          <view class="slider-banner recommendSwiper" wx:if="{{info.bastBanner.length}}">
            <swiper autoplay="true" indicator-dots="true"
              circular="{{circular}}" interval="3000" duration="500" indicator-color="rgba(0,0,0,0.2)" indicator-active-color="#ff3366">
              <swiper-item wx:for="{{info.bastBanner}}" wx:key='index'>
                <navigator url="{{item.url ? item.url : ''}}" class="pictrue acea-row row-middle" hover-class="none">
                  <image src="{{item.img}}"></image>
                </navigator >
              </swiper-item>
            </swiper>
          </view>

          <!-- 精品推荐 产品列表 -->
          <view class="publicList acea-row row-between-wrapper">
            <view bindtap="goDetailType" data-items='{{item}}' class="item"
              wx:for="{{info.bastList}}" wx:key='index'>
              <view class="pictrue">
                <image src="{{item.image}}"></image>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type ==='1'}}">秒杀</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '2'}}">砍价</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '3'}}">拼团</text>
              </view>
              <view class="text">
                <view class="name line1">{{ item.store_name }}</view>
                <view class="acea-row row-between-wrapper">
                  <view>
                    <view class="money font-color">
                      ¥<text class="num">{{ item.price }}</text>
                    </view>
                    <!-- <view class="ot-money">¥{{ item.ot_price }}</view> -->
                  </view>
                  <view class="cart acea-row row-center-wrapper">
                    <text class="iconfont icon-mzshopping"></text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view> <!-- 精品推荐 -->

        <view class="hotList" wx:if="{{likeInfo.length}}">
          <!-- 热门榜单 banner 客户端固定 -->
          <view class="publicTitle acea-row row-center-wrapper">
            <image src="/images/hotTitle.png"></image>
            <navigator url="/pages/first-new-product/index?type=2" class="more" hover-class="none">更多 ></navigator>
          </view>
          <view class="list acea-row">
            <navigator url="/pages/goods_details/index?id={{item.id}}" class="item"
              wx:for="{{likeInfo}}" wx:key='index'>
              <view class="pictrue">
                <image src="{{item.image}}"></image>
                <image src="/images/one01.png" class="icon" wx:if='{{index === 0}}'></image>
                <image src="/images/two02.png" class="icon" wx:if='{{index === 1}}'></image>
                <image src="/images/three03.png" class="icon" wx:if='{{index === 2}}'></image> 
              </view>
              <view class="text">
                <view class="name line1">{{ item.store_name }}</view>
                <view class="money font-color">
                  ¥<text class="num">{{ item.price }}</text>
                  <!-- <text class="ot-money">¥{{ item.ot_price }}</text> -->
                </view>
              </view>
            </navigator >
          </view>
        </view>

        <view class="promotion" wx:if="{{benefit.length}}">
          <!-- 促销单品 banner -->
          <view class="publicTitle acea-row row-center-wrapper">
            <image src="/images/promotionTitle.png"></image>
            <navigator url="/pages/promotional-items/index" class="more" hover-class="none">更多 ></navigator>
          </view>
          <view class="publicList acea-row row-between-wrapper">
            <view bindtap="goDetailType" data-items='{{item}}' class="item"
              wx:for="{{benefit}}" wx:key='index'>
              <view class="pictrue">
                <image src="{{item.image}}"></image>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type ==='1'}}">秒杀</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '2'}}">砍价</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '3'}}">拼团</text>
              </view>
              <view class="text">
                <view class="name line1">{{ item.store_name }}</view>
                <view class="acea-row row-between-wrapper">
                  <view>
                    <view class="money font-color">
                      ¥<text class="num">{{ item.price }}</text><text class="label bg-color">疯抢</text>
                    </view>
                    <view class="ot-money">¥{{ item.ot_price }}</view>
                  </view>
                  <view class="cart acea-row row-center-wrapper">
                    <text class="iconfont icon-mzshopping"></text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>

        <view class="recommendList" wx:if='{{hostProduct.length > 0}}'>
          <!-- 海量精品 为您推荐 banner -->
          <view class="title">
            <image src="/images/becommendTitle.png"></image>
          </view>
          <view class="publicList acea-row row-between-wrapper">
            <view bindtap="goDetailType" data-items='{{item}}' wx:for="{{hostProduct}}" wx:key='index' class="item">
              <view class="pictrue">
                <image src="{{item.image}}"></image>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type ==='1'}}">秒杀</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '2'}}">砍价</text>
                <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '3'}}">拼团</text>
              </view>
              <view class="text">
                <view class="name line1">{{ item.store_name }}</view>
                <view class="acea-row row-between-wrapper">
                  <view>
                    <view class="money font-color">
                      ¥<text class="num">{{ item.price }}</text>
                    </view>
                    <!-- <view class="ot-money">¥{{ item.ot_price }}</view> -->
                  </view>
                  <view class="cart acea-row row-center-wrapper">
                    <text class="iconfont icon-mzshopping"></text>
                  </view>
                </view>
              </view>
            </view>
            <view class='loadingicon acea-row row-center-wrapper' wx:if='{{hostProduct.length > 0}}'>
              <text class='loading iconfont icon-jiazai' hidden='{{recommend.loading==false}}'></text>
              {{recommend.loadTitle}}
            </view>
          </view>
        </view>
      </view>
    </Tab>

    <Tab wx:for="{{categoryOne.children}}" title="{{item.cate_name}}" wx:key='index'>
      <!--黑洞星球活动-->
      <view wx:if="{{item.id === 199}}">
        <Mine id="mine"></Mine>
      </view>

      <!-- 其他活动 -->
      <view wx:else class="wrapper">
        <!-- 活动商品列表 -->
        <view class="classifyList acea-row row-between-wrapper">
          <view bindtap="goDetailType" data-items='{{productItem}}' class="item" wx:for="{{productList}}" wx:for-item="productItem" wx:key='index'>
            <view class="pictrue">
              <image src="{{productItem.image}}"></image>
              <text class="pictrue_log_medium pictrue_log_class" wx:if="{{productItem.activity && productItem.activity.type ==='1'}}">秒杀</text>
              <text class="pictrue_log_medium pictrue_log_class" wx:if="{{productItem.activity && productItem.activity.type === '2'}}">砍价</text>
              <text class="pictrue_log_medium pictrue_log_class" wx:if="{{productItem.activity && productItem.activity.type === '3'}}">拼团</text>
            </view>
            <view class="text">
              <view class="name line1">{{ productItem.store_name }}</view>
              <view class="money font-color">
                ¥<span class="num">{{ productItem.price }}</span>
              </view>
              <view class="acea-row row-between-wrapper">
                <!--view class="vipMoney" wx:if="{{productItem.vip_price && productItem.vip_price > 0}}">
                  ￥{{ productItem.vip_price }}
                  <image src="/images/vip.png"></image>
                </view-->
                <view class="sales">已售{{ productItem.sales }}件</view>
              </view>
            </view>
          </view>

          <view class='loadingicon acea-row row-center-wrapper'>
            <text class='loading iconfont icon-jiazai' hidden='{{loading==false}}'></text>
              {{loadTitle}}
          </view>
        </view>

        <!-- 推荐产品展示 -->
        <view class='noCommodity' wx:if="{{productList.length==0 && where.page > 1}}">
          <view class='pictrue'><image src='/images/noShopper.png'></image></view>
          <recommend host_product="{{hostProduct}}"></recommend>
        </view>
      </view>
    </Tab>
  </Tabs>
</view>

<!-- coupon-window window='{{window}}' couponList="{{couponList}}" bind:onClose="onClose"></coupon-window -->
<authorize bind:onLoadFun='onLoadFun' isGoIndex='{{isGoIndex}}' iShidden="{{iShidden}}" isAuto="{{isAuto}}"></authorize>