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