<!--shoppingGuid/page/pages/home/home.wxml-->
<!-- 整体布局 -->
<view class='main-container'>
  <!-- 优惠券 -->
  <view class='mg-b-40'>
    <view class='header'>优惠券</view>
    <view class='status-bar'>
      <view class='status-items'>
        <view class='status-bar-item {{item.active ? "active" : ""}}'
        wx:for="{{coupon.couponTypeArr}}"
        wx:for-item="item"
        wx:for-index="idx"
        bindtap='onTapChangeCouponType'
        data-index="{{idx}}"
        wx:key="tab{{idx}}">{{item.name}}</view>
      </view>
      <view class='more-data' bindtap='onTapToCouponList'>
        <label>更多</label>
        <image src='/assets/imgs/arrow-right-sku.png' mode='aspectFit'></image>
      </view>
    </view>
    <!-- list -->
    <view class='coupon-list' wx:if="{{coupon.couponList.length > 0}}">
      <view class='coupon-list-item'
      wx:for="{{coupon.couponList}}"
      wx:for-index="idx"
      wx:for-item="item"
      wx:key="coupon{{idx}}">
        <view class='top'>
          <image src='{{item.couponBg}}' mode='aspectFit' data-item="{{item}}" bindtap='onTapShowQrcode'></image>
          <view class='coupon-name'>{{item.title}}</view>
        </view>
        <view class='center' data-item="{{item}}" bindtap='onTapToSendConpon'>定向发券</view>
        <view class='bottom' data-item="{{item}}" bindtap='onTapToSendByGroup'>群发推荐</view>
      </view>
    </view>
    <!-- empty -->
    <view class='empty' wx:if="{{coupon.couponList.length == 0}}">商家还未设置优惠券哦~</view>
  </view>
  <!-- 爆款推荐 -->
  <view class='mg-b-40'>
    <view class='header'>爆款推荐</view>
    <view class='status-bar'>
      <view class='status-items'>
          <view class='status-bar-item {{item.active ? "active" : ""}}'
          wx:for="{{goods.goodsTypeArr}}"
          wx:for-item="item"
          bindtap='onTapChangeGoodsType'
          wx:for-index="idx"
          wx:key="goods{{idx}}"
          data-index="{{idx}}">{{item.name}}</view>
      </view>
      <view class='more-data' bindtap='onTapToMoreProducts'>
        <label>更多</label>
        <image src='/assets/imgs/arrow-right-sku.png' mode='aspectFit'></image>
      </view>
    </view>
    <!-- list -->
    <view class='goods-list'>
      <view class='goods-item'
      wx:for="{{goods.goodsList}}"
      wx:for-item="item"
      wx:for-index="idx"
      wx:key="goodslist{{idx}}"
      data-index="{{idx}}">
        <image class='goods-lf-icon' src='{{item.productImgUrl}}' mode='aspectFit'></image>
        <view class='goods-rg-info'>
          <view class='goods-title'>{{item.productName}}</view>
          <view class='goods-second-title'>这个是商品的描述</view>
          <view class='goods-price'>
            <view class='price'>
              <view class='plus'>
                <text>￥89.00</text>
                <image src='/assets/imgs/7_1_0/plus-icon.png' mode='aspectFit'></image>
              </view>
              <view class='original-price'>￥126.08</view>
            </view>
            <view class='goods-share'>
              <view class='send-coupon' data-item="{{item}}" bindtap='onTapToShare'>定向发送</view>
              <view class='send-coupon' data-item="{{item}}" bindtap='onTapToRecommandProduct'>群发推荐</view>
            </view>
          </view>
        </view>
      </view>
      
    </view>
  </view>
  <!-- 内容运营 -->
  <!-- <view class='mg-b-40'>
    <view class='header'>内容运营</view>
    <view class='status-bar'>
      <view class='status-items'>
        <view class='status-bar-item active'>内容活动</view>
        <view class='status-bar-item'>用户分享</view>
        <view class='status-bar-item'>KOL</view>
      </view>
      <view class='more-data'>
        <label>更多</label>
        <image src='/assets/imgs/arrow-right-sku.png' mode='aspectFit'></image>
      </view>
    </view>

    <view class='content-list'>
      <view class='content-item'>
        <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/man_logo.jpeg' mode='aspectFit' class='content-image'></image>
        <view class='content-info'>
          <view class='content-title'>软文标题软文标题软文标题软文标题软文标题软文标题</view>
          <view class='content-second-title'>
            软文副标题，软文副标题，软文副标题软文副标题，软文副标题，软文副标题
            软文副标题，软文副标题，软文副标题软文副标题，软文副标题，软文副标题
          </view>
        </view>
      </view>
    </view>
  </view> -->
</view>

<!-- 整体布局 -->
<!-- tabbar -->
<tab-bar index="{{3}}" />

<!-- 分享 -->
<!-- 分享好友 -->
<view class='bg' style='display:{{showModal ? "block" : "none"}}' bindtap='onTapCancelShare'></view>
<view class='share-container {{showModal ? "sliderUp" : ""}}'>
  <button open-type="share">
    <view class='share-item'>
        <image src='/assets/imgs/7_1_0/wx-icon.png' mode='aspectFit'></image>
        <text>微信好友</text>
    </view>
  </button>
</view>