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="{{hideTip}}">
    <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 < 5 }}">最新</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}}" mode="widthFix"></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="{{hotProducts.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="{{hotProducts}}" 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>
                  <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="{{hotProducts.length > 0}}">
              <text class="loading iconfont icon-jiazai" hidden="{{recommend.loading==false}}"></text>
              {{recommend.loadTitle}}
            </view>
          </view>
        </view>
      </view>
    </Tab>

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

      <!-- 其他活动 -->
      <view wx:else class="wrapper">
        <!-- 活动商品列表 -->
        <view class="classifyList acea-row row-between-wrapper">
          <view style="height: {{item.aboveShowRowIndex * rowHeight}}rpx;"></view>
          <view
            bindtap="goDetailType"
            data-items="{{productItem}}"
            class="item"
            wx:for="{{item.products}}"
            wx:for-item="productItem"
            wx:key="index"
            wx:if="{{productItem.isShow}}"
          >
            <view class="pictrue">
              <image src="{{productItem.image}}"></image>
              <text class="picture_plugin pictrue_log_class" wx:if="{{show_benefit}}">{{productItem.reputation}}</text>
              <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 style="height: {{item.belowShowRowNum * rowHeight}}rpx;"></view>
          <view class="loadingicon acea-row row-center-wrapper">
            <text class="loading iconfont icon-jiazai" hidden="{{item.loading==false}}"></text>
            {{item.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="{{hotProducts}}"></recommend>
        </view>
      </view>
    </Tab>
  </Tabs>
</view>

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