<!--pages/extendProduct/extendProduct.wxml-->

<view class='page-extend-product'>
	<view class="swiper-tab">
		<view class="swiper-tab-item {{currentTab==0 ? 'active' : ''}}" data-current="0" bindtap="clickTab">
    推广商品
    <view class="line" wx-if="{{currentTab==0}}"></view>
    </view>
		<view class="swiper-tab-item {{currentTab==1 ? 'active' : ''}}" data-current="1" bindtap="clickTab">我的推广
    <view class="line" wx-if="{{currentTab==1}}"></view>
    </view>
	</view>
	<swiper current="{{currentTab}}" duration="300" bindchange="swiperTab">
			<swiper-item>
        <view class="extend-img">
          <image mode="widthFix"></image>
        </view>
        <view class="pro-nav-wrap">
          <view class="nav-list">
            <view class="nav-item nav-active">推荐</view>
            <view class="nav-item">最新</view>
            <view class="nav-item">最热</view>
            <view class="nav-item">价格</view>
          </view>
          <view class="select-radio all-radio" bindtap="allSelect">
            <text class="all" >全选</text>
            <view class="{{isAllSelect ? 'theme-color' : ''}} circle-radio "  >
              <image wx:if="{{isAllSelect}}" class="tick-success" src="/assets/imgs/7_1_0/tick-success.png" mode="widthFix"></image>
            </view>
            
          </view>
        </view>
        <view class="buy-product-wrap">
            <view class="buy-product-content">
              <view class="buy-list">
                <view class="prod-img">
                  <image src="/assets/imgs/avatar.png"></image>
                </view>
                <view class="prod-info">
                  <view class="prod-name">商品名称商品名称商品名称商品名称商品名称</view>
                  <view class="hongbao">
                    <button class="btn btn-primary">预计赚5元红包</button>
                  </view>
                </view>
                <view class="select-radio pro-radio" catchtap="selectPro" data-index="{{index}}">
                  <view class="{{item.isSelect ? 'theme-color' : ''}} circle-radio"  >
                    <image wx:if="{{item.isSelect}}" class="tick-success" src="/assets/imgs/7_1_0/tick-success.png" mode="widthFix"></image>
                  </view>
                </view>
              </view>
              <view class="buy-list">
                <view class="prod-img">
                  <image src="/assets/imgs/avatar.png"></image>
                </view>
                <view class="prod-info">
                  <view class="prod-name">商品名称商品名称商品名称商品名称商品名称</view>
                  <view class="hongbao">
                    <button class="btn btn-primary">预计赚5元红包</button>
                  </view>
                </view>
                <view class="select-radio pro-radio" catchtap="selectPro" data-index="{{index}}">
                  <view class="{{item.isSelect ? 'theme-color' : ''}} circle-radio"  >
                    <image wx:if="{{item.isSelect}}" class="tick-success" src="/assets/imgs/7_1_0/tick-success.png" mode="widthFix"></image>
                  </view>
                </view>
              </view>
            </view>
        </view>
        <view class="share-wrap">
          <view class="share-button" bindtap="onTapShare">
            <image mode="widthFix"></image>
            <text>快速分享</text>
          </view>
          <view class="share-button" bindtap="onTapPoster">
            <image mode="widthFix"></image>
            <text>生成卡片</text>
          </view>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="release-num weui-flex df-j--bt">
          <view class="num-invite df-1 border_box">
            <view class="share-number">1287</view>
            <view class="share-title">当前分享订单</view>
          </view>
          <view class="extension-line"></view>
          <view class="num-invite-yesterday df-1 border_box">
            <view class="share-number">87</view>
            <view class="share-title">昨日新增分享订单</view>
          </view>
        </view>
         <view class="order-content">
          <view class="order-list">
            <view class="order-header">
              <view class="order-number">
                <text>时间</text>
              </view>
              <text class="order-status">查看收益</text>
            </view>
            <view class="pro-list">
              <image class="pro-img"></image>
              <image class="pro-img"></image>
              <image class="pro-img"></image>
              <image class="pro-img"></image>
              <text class="pro-img-dot">...</text>
            </view>
            <view class="pro-number">
              <text class="total-pro">促成订单 <text class="help-order">5</text> 笔</text>
            </view>
            
          </view>
        </view>
        <view class="loading-complete">已经到底啦！</view>
      </swiper-item>
	</swiper>
</view>
<share-modal show="{{showShareModal}}" />

<share-poster id="getPoster" bindmyevent="myEventListener" avater="http://t2.hddhhn.com/uploads/tu/201806/9999/91480c0c87.jpg" codeimg="http://i4.hexun.com/2018-07-05/193365388.jpg" productDesc="1111" userAvatar="http://t2.hddhhn.com/uploads/tu/201806/9999/91480c0c87.jpg"></share-poster>
