niuniu/lionfish_comshop/pages/index/index.wxml

<!-- <import src="../template/goods-skeleton.wxml"></import> -->
<i-auth bind:authSuccess="authSuccess" needAuth="{{needAuth}}">
  <view class='index-box pb100 {{showNewCoupon?"preventTouchMove":""}}' wx:if="{{loadOver}}">
    <view class="miniAppTip" wx:if="{{isTipShow}}">
      <view bindtap="handleProxy" class="add-myapp">
        <text>添加到「我的小程序」团购更方便</text>
      </view>
    </view>
    <view bindtap="handleHideProxy" class="guide" wx:if="{{isShowGuide}}">
      <image mode="widthFix" src="{{index_lead_image}}"></image>
    </view>
    <view class="header-content" wx:if="{{hide_top_community==0}}">
      <image wx:if="{{shop_info.index_top_img_bg_open==0}}" class="header-bg" src="{{shop_info.common_header_backgroundimage?shop_info.common_header_backgroundimage:'../../images/TOP_background@2x.png'}}"></image>
      <view class="location" style='color: {{shop_info.index_top_font_color}}'>
        <view class="location-left">
          <navigator hoverClass="router-hover" url="/lionfish_comshop/pages/position/community">
            <view class="community-title">
              <span>{{community.communityName}}
                <block wx:if="{{hide_community_change_btn==0}}">
                  <text class='community-change'>切换</text>
                  <image src="../../images/icon-index-right-arrow.png"></image>
                </block>
              </span>
            </view>
          </navigator>
          <view class="community-address" bindtap='gotoMap' wx:if="{{index_hide_headdetail_address==0}}">
            <image class='community-local' src='../../images/location.png'></image>{{community.address||community.communityAddress||community.fullAddress}}
          </view>
        </view>
        <view class="location-right">
          <image src='{{community.headImg ? community.headImg: community.disUserHeadImg}}' class='img'></image>
          <text>{{community.disUserName}}</text>
        </view>
      </view>
    </view>
    <view class='blank10'></view>
    <!-- 幻灯片 -->
    <view class="swipe" wx:if="{{slider_list.length>0}}">
      <swiper indicatorDots class="swiper-content" duration="400" autoplay indicatorActiveColor="#FF5344" indicatorColor="#E7E9E7" interval="5000" circular>
        <swiper-item wx:for="{{slider_list}}" wx:key="{{item.id}}">
          <view class='banner' bindtap='goBannerUrl' data-idx="{{index}}">
            <i-img iClass="banner-img" loadImage="{{item.image}}"></i-img>
          </view>
        </swiper-item>
      </swiper>
    </view>
    <!-- 导航列表 -->
    <view class='nav-list' wx:if="{{navigat.length>0}}">
      <view class='nav-list-item' wx:for="{{navigat}}" wx:key="{{item.id}}" bindtap='goNavUrl' data-idx="{{index}}">
        <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="nav-list-img" loadImage="{{item.thumb}}" width="80"></i-img>
        <view class='nav-list-text'>{{item.navname}}</view>
      </view>
    </view>
    <!-- 优惠券 -->
    <i-coupon couponRefresh="{{couponRefresh}}" />

    <!-- 列表 Start -->
    <!-- <template is="goodsSkeleton" wx:if="{{showSkeleton}}"></template> -->
    <view class="list-content">
      <!-- 公告 -->
      <view class="top-msg" wx:if="{{notice_list.length>0}}" style="color: {{notice_setting.font_color}};background:{{notice_setting.background_color}}">
        <image src="{{notice_setting.horn?notice_setting.horn:'../../images/icon-index-msg.png'}}"></image>
        <swiper class='notice-swipe' autoplay interval="3000" vertical circular>
          <block wx:for="{{notice_list}}" wx:key="{{index}}">
            <swiper-item class='notice-swipe-item'>
              {{item.content}}
            </swiper-item>
          </block>
        </swiper>
      </view>

      <!-- 新人专享 -->
      <i-new-comer bind:openSku="openSku" refresh="{{newComerRefresh}}" wx:if="{{is_show_new_buy==1}}" />

      <!-- 限时秒杀 -->
      <i-spike bind:openSku="openSku" refresh="{{newComerRefresh}}" wx:if="{{is_show_spike_buy==1}}" />

      <image id='rush-title' wx:if="{{shop_info.index_list_top_image}}" class="rush-list-title" src="{{shop_info.index_list_top_image}}"></image>

      <!--搜索框begin-->
      <view class='search-bar' wx:if="{{index_switch_search==1}}">
        <view class='search-box'>
          <input class='ipt' placeholder="搜索商品" confirm-type="搜索" type="text" bindconfirm="goResult"></input>
          <view class='search-icon'>
            <image src='../../images/search.png'></image>
          </view>
        </view>
      </view>
      <!--搜索框end-->

      <!-- 分类导航 Start -->
      <view class='sticky-cate' wx:if="{{index_change_cate_btn==1}}">
        <view hidden="{{!isShowClassification||tabIdx!==0}}">
          <i-tabs activeIndex="{{classification.activeIndex}}" bind:activeIndexChange="classificationChange" data-idx="1" fontColor="#000" iClass="category-list" tabs="{{classification.tabs}}"></i-tabs>
        </view>
      </view>
      <view wx:else class="sticky-content {{isSticky?'sticky-top':''}} {{scrollDirect==='up'&&isSticky?'tab-nav-sticky':''}}">
        <view class="tab-nav" style='border-color:{{qgtab.bottom_color?qgtab.bottom_color:"#F75451"}}'>
          <view bindtap="tabSwitch" class="tab-nav-item {{tabIdx===0?'active':''}}" data-idx="0">
            <image wx:if="{{tabIdx===0}}" src="{{qgtab.one_select?qgtab.one_select:'../../images/index-tab-left-active.png'}}"></image>
            <image wx:else src="{{qgtab.one_selected?qgtab.one_selected:'../../images/index-tab-left-disabled.png'}}"></image>
            <span>{{index_qgtab_text[0]?index_qgtab_text[0]:'正在抢购'}}</span>
          </view>
          <view bindtap="tabSwitch" class="tab-nav-item {{tabIdx===1?'active':''}}" data-idx="1">
            <image wx:if="{{tabIdx===1}}" src="{{qgtab.two_select?qgtab.two_select:'../../images/index-tab-right-active.png'}}"></image>
            <image wx:else src="{{qgtab.two_selected?qgtab.two_selected:'../../images/index-tab-right-disabled.png'}}"></image>
            <span>{{index_qgtab_text[1]?index_qgtab_text[1]:'即将开抢'}}
              <!-- <em wx:if="{{commingNum>0}}">({{commingNum}})</em> -->
            </span>
          </view>
          <view class="count-down-content" wx:if="{{tabIdx===0}}">
            <i-count-down countdownClass="count-down" itemClass="item-time" showDay="true" target="{{rushEndTime}}" wx:if="{{rushEndTime}}">
              <span class="count-down-left-text">仅剩</span>
            </i-count-down>
          </view>
        </view>
        <view hidden="{{!isShowClassification||tabIdx!==0}}">
          <i-tabs activeIndex="{{classification.activeIndex}}" bind:activeIndexChange="classificationChange" data-idx="1" fontColor="#000" iClass="category-list" tabs="{{classification.tabs}}"></i-tabs>
        </view>
        <view hidden="{{!isShowCommingClassification||tabIdx!==1}}">
          <i-tabs activeIndex="{{commingClassification.activeIndex}}" bind:activeIndexChange="commingClassificationChange" data-idx="2" fontColor="#000" iClass="category-list" tabs="{{classification.tabs}}"></i-tabs>
        </view>
      </view>
      <!-- 分类导航 End -->
      <view class='rush-list-box'>
        <block wx:if="{{rushList.length>0 && tabIdx===0}}">
          <!-- 样式一 Start -->
          <view class="active-item" wx:for="{{rushList}}" wx:key="{{index}}" wx:if="{{rushList.length>0 && theme==0}}">
            <view class="list-item-tag-content" wx:if="{{isShowListTimer==1}}">
              <view class="empty-1"></view>
              <view class="empty-2" wx:if="{{item.spuDescribe}}"></view>
              <view class="empty-3"></view>
              <view class="list-item-count-down" wx:if="{{item.spuCanBuyNum!=0 && !actEndMap[item.end_time]}}" data-xx="{{item.spuCanBuyNum}}">
                仅剩
                <em wx:if="{{countDownMap[item.end_time].day>0}}">{{countDownMap[item.end_time].day}}天</em>
                <span class="item-class">{{countDownMap[item.end_time].hour}}</span>:
                <span class="item-class">{{countDownMap[item.end_time].minute}}</span>:
                <span class="item-class">{{countDownMap[item.end_time].second}}</span>
              </view>
            </view>
            <i-new-rush-spu actEnd="{{actEndMap[item.end_time]}}" stopClick="{{stopClick}}" bind:openSku="openSku" spuItem="{{item}}" reduction="{{reduction}}" isShowListCount="{{isShowListCount}}" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}"></i-new-rush-spu>
          </view>
          <!-- 样式一 End -->
          <!-- 样式二 Start -->
          <view class="active-item-two" wx:for="{{rushList}}" wx:key="{{index}}" wx:if="{{rushList.length>0 && theme==1}}">
            <view class="list-item-tag-content" wx:if="{{isShowListTimer==1}}">
              <view class="list-item-count-down type-two" wx:if="{{item.spuCanBuyNum!=0 && !actEndMap[item.end_time]}}">
                仅剩
                <em wx:if="{{countDownMap[item.end_time].day>0}}">{{countDownMap[item.end_time].day}}天</em>
                <span class="item-class">{{countDownMap[item.end_time].hour}}</span>:
                <span class="item-class">{{countDownMap[item.end_time].minute}}</span>:
                <span class="item-class">{{countDownMap[item.end_time].second}}</span>
              </view>
            </view>
            <i-rush-spu-big actEnd="{{actEndMap[item.end_time]}}" stopClick="{{stopClick}}" bind:openSku="openSku" spuItem="{{item}}" reduction="{{reduction}}" isShowListCount="{{isShowListCount}}" bind:changeCartNum="changeCartNum" changeCarCount="{{changeCarCount}}"></i-rush-spu-big>
          </view>
          <!-- 样式二 End -->
          <i-load-more iClass="loadMore" loading="{{loadMore}}" tip="{{loadText}}" wx:if="{{loadMore}}"></i-load-more>
        </block>
        <block wx:if="{{tabIdx===1}}">
          <view class="comming-list" wx:if="{{commingList.length}}">
            <i-comming-spu category="{{commingClassification.tabs[commingClassification.activeIndex].name}}" class="comming-spu-item" spuItem="{{item}}" wx:if="{{commingList.length}}" wx:for="{{commingList}}" wx:key="{{ index }}"></i-comming-spu>
            <i-load-more iClass="loadMore" loading="{{commigLoadMore}}" tip="{{commigTip}}" wx:if="{{commigLoadMore}}"></i-load-more>
          </view>
          <view class="none-rush-list" wx:if="{{showCommingEmpty}}">
            <image class="img-block" src="../../images/icon-index-empty.png"></image>
            <view class="h1">暂时没有团购</view>
            <view class="h2">我们正在为您准备更优惠的团购</view>
          </view>
          <view class="slogan" wx:if="{{!commigLoadMore&&commingList.length}}">
            <image src="{{indexBottomImage?indexBottomImage:'../../images/icon-index-slogan.png'}}"></image>
          </view>
        </block>
        <block wx:if="{{tabIdx===0}}">
          <view class="none-rush-list" wx:if="{{showEmpty}}">
            <image class="img-block" src="../../images/icon-index-empty.png"></image>
            <view class="h1">暂时没有团购</view>
            <view class="h2">我们正在为您准备更优惠的团购</view>
          </view>
          <view class="slogan" wx:if="{{!loadMore&&rushList.length}}">
            <image src="{{indexBottomImage?indexBottomImage:'../../images/icon-index-slogan.png'}}"></image>
          </view>
        </block>
      </view>
    </view>
    <!-- 列表 End -->

    <view class='copytext-btn' bindtap='showCopyTextHandle' data-status="{{true}}" wx:if="{{ishow_index_copy_text==1}}">一键复制拼团信息</view>
    <button class="fixed-share" bindtap='share_handler' wx:if="{{isShowShareBtn==1}}">
      <image mode='aspectFit' src="../../images/share-white.png"></image>
      <view>分享</view>
    </button>
    <button class="fixed-service" openType="contact" wx:if="{{isShowContactBtn==1}}">
      <image mode='aspectFit' src="../../images/contactService.png"></image>
    </button>

    <i-tabbar currentIdx='0' cartNum='{{cartNum}}' tabbarRefresh="{{tabbarRefresh}}" />
    <i-order-notify i-class="order-notify" wx:if="{{shop_info.order_notify_switch==1}}" stopNotify="{{stopNotify}}" />

    <!-- 小区确认begin -->
    <i-modal scrollUp="{{false}}" visible="{{showChangeCommunity}}">
      <view class="community-content">
        <view class="community-content-title">
          温馨提示
          <image src='../../images/closePoster.png' bindtap='closeChangeCommunity'></image>
        </view>
        <view class="community-content-tip">参加“
          <text style='font-weight:bold;'>{{changeCommunity.communityName}}</text>” ({{changeCommunity.fullAddress}}),敬请光临
          <text class="community-content-change" bindtap='goSelectCommunity'>切换{{groupInfo.group_name}}</text>
        </view>
        <i-button bindtap="confrimChangeCommunity" class="community-content-btn" iClass="btn">确认无误，前往购物</i-button>
      </view>
    </i-modal>
    <!-- 小区确认end -->

    <!-- 新人优惠券begin -->
    <view class='new-coupou' wx:if="{{showNewCoupon}}">
      <view class='new-coupou-content'>
        <view class='new-coupou-body'>
          <view class='new-coupou-body-head'>恭喜你获得200元红包券</view>
          <view class='new-coupou-body-scroll'>
            <scroll-view scroll-y style='height:580rpx;'>
              <view class='new-coupou-item'>
                <view class='new-coupou-l'>
                  <view class='new-coupou-title'>满10减1</view>
                  <view class='new-coupou-time'>限今日</view>
                </view>
                <view class='new-coupou-r'>
                  <view class='new-coupou-price'><text>¥</text> 1</view>
                  <view class='new-coupou-use'>去使用</view>
                </view>
              </view>
              <view class='new-coupou-item'>
                <view class='new-coupou-l'>
                  <view class='new-coupou-title'>满10减1</view>
                  <view class='new-coupou-time'>有效期至2019.05.30</view>
                </view>
                <view class='new-coupou-r'>
                  <view class='new-coupou-price'><text>¥</text> 1</view>
                  <view class='new-coupou-use'>去使用</view>
                </view>
              </view>
              <view class='new-coupou-item'>
                <view class='new-coupou-l'>
                  <view class='new-coupou-title'>满10减1</view>
                  <view class='new-coupou-time'>限今日</view>
                </view>
                <view class='new-coupou-r'>
                  <view class='new-coupou-price'><text>¥</text> 1</view>
                  <view class='new-coupou-use'>去使用</view>
                </view>
              </view>
              <view class='new-coupou-item'>
                <view class='new-coupou-l'>
                  <view class='new-coupou-title'>满10减1</view>
                  <view class='new-coupou-time'>限今日</view>
                </view>
                <view class='new-coupou-r'>
                  <view class='new-coupou-price'><text>¥</text> 1</view>
                  <view class='new-coupou-use'>去使用</view>
                </view>
              </view>
            </scroll-view>
          </view>
          <view class='new-coupou-body-foot'>
            <view class='new-coupou-body-btn'>立即使用</view>
          </view>
        </view>
        <view class='new-coupou-foot'>
          <image src='../../images/closePoster.png' bindtap='toggleCoupon'></image>
        </view>
      </view>
    </view>
    <!-- 新人优惠券end -->
  </view>
</i-auth>

<view class="mask" hidden="{{!visible}}"></view>
<!---规格选择begin-->
<view bind:cancel="close" class='sku-content' scrollUp="{{true}}" hidden="{{!visible}}">
  <view class="sku-card">
    <view bindtap="closeSku" class="close">
      <image src="../../images/icon-sku-close.png"></image>
    </view>
    <view class="sku-header">
      <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="sku-img" loadImage="{{cur_sku_arr.skuImage}}" width="80"></i-img>
      <view class="sku-desc">
        <view class="sku-title">
          <span>{{cur_sku_arr.spuName}}</span>
        </view>
        <view class="sku-price">
          <view class="sale-price">
            ¥
            <span>{{cur_sku_arr.actPrice[0]}}</span>.{{cur_sku_arr.actPrice[1]}}
          </view>
          <view class="market-price">¥{{cur_sku_arr.marketPrice[0]}}.{{cur_sku_arr.marketPrice[1]}}</view>
        </view>
        <view class="sku-switch-on">已选择：{{cur_sku_arr.spec}}</view>
      </view>
    </view>

    <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="{{item.id}}">
      <view class="title">{{item.name}}</view>
      <view class="spec-list">
        <span bindtap="selectSku" class="{{idx==sku[index]['idx']?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" data-idx="{{idx}}" wx:for="{{item.option_value}}"
          wx:for-item="value" wx:key="{{idx}}">{{value.name}}</span>
      </view>
    </view>
    <view class="sku-num-content">
      <view class="title">数量</view>
      <view class="i-class i-input-number i-input-number-size-{{size}}">
        <view bindtap="setNum" data-type="decrease" class="i-input-number-minus {{value<=min?'i-input-number-disabled':''}}">
          <image src="../../images/icon-input-reduce.png"></image>
        </view>
        <input bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" disabled="true" type="number" value="{{sku_val}}"></input>
        <view bindtap="setNum" data-type="add" class="i-input-number-plus {{value>=max?'i-input-number-disabled':''}}">
          <image src="../../images/icon-input-add.png"></image>
        </view>
      </view>
      <view class="msg" wx:if="{{skuList[current].isLimit}}">
        <span wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</span>
        <span wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</span>
        <span></span>
      </view>
      <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
    </view>
    <form bindsubmit="gocarfrom" report-submit="true">
      <button formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0 ? true : false}}'>
        <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
      </button>
    </form>
  </view>
</view>
<!---规格选择end-->

<!-- 分享 -->
<view class='ui-mask' bindtap='hide_share_handler' hidden='{{is_share_html}}'></view>
<view class="model-services show" hidden='{{is_share_html}}'>
  <view class="model-services-title">分享</view>
  <view class="model-services-content">
    <view class="service-list">
      <view class="service-item">
        <button open-type="share" class='none_btn' plain="true">
          <image class="service-icon" mode='widthFix' src="../../images/weixin-green.png"></image>
          <view class="cube-text">
            <text>好友</text>
          </view>
        </button>
      </view>
      <navigator class="service-item" url='/lionfish_comshop/pages/index/share'>
        <image class="service-icon" mode='widthFix' src="../../images/friend.png"></image>
        <view class="cube-text">
          <text>海报</text>
        </view>
      </navigator>
    </view>
  </view>
</view>
<!-- 分享 End -->

<!-- 文本复制 Begin -->
<i-modal scrollUp="{{false}}" visible="{{showCopyText}}">
  <view class="copytext">
    <view class="copytext-title">
      - 团长信息 -
      <image class="copytext-close" src='../../images/closePoster.png' bindtap='showCopyTextHandle' data-status="{{false}}"></image>
    </view>
    <view class="copytext-p">小区：{{community.communityName}}</view>
    <view class="copytext-p">团长：{{community.disUserName}}</view>
    <view class="copytext-p">自提点：{{community.address||community.communityAddress||community.fullAddress}}</view>
    <view class="copytext-h3">今日推荐</view>
    <scroll-view class="copytext-content" scroll-y>
      <view class="copytext-item" wx:for="{{copy_text_arr}}" wx:key="{{index}}" wx:if="{{copy_text_arr.length}}">
        {{index+1}}. 【{{item.goods_name}}】 <text>团购价{{item.price}}元</text>
      </view>
    </scroll-view>
    <i-button class="community-content-btn" iClass="btn" bindtap="copyText">一键复制</i-button>
  </view>
</i-modal>
<!-- 文本复制 End -->