<navbar back home text="详情" background='#fff'></navbar>
<view tt:if="{{showPage}}">
  <view style="height:{{navigationBarHeight}} "></view>
  <!-- 券的详情页面 -->
  <view class='coupons'>
    <view class="coupons-body">
      <view tt:if="{{coverPicture.length>0}}" class="banner" style="{{mouldType==1?'height: 750rpx;':''}}">
        <swiper class="index-slide swiper-box" style="{{mouldType==1?'height: 750rpx;':''}}" bindchange="swiperChange"
          indicator-dots="true" circular="false" current="{{swiperCurrent}}">
          <block tt:for="{{coverPicture}}" tt:key="unique">
            <swiper-item>
              <image data-data="{{item}}" src="{{item}}" class="index-slide-image"
                style="{{mouldType==1?'height: 750rpx;':''}}" />
            </swiper-item>
          </block>
        </swiper>

      </view>

      <view class='coupons_info' style='position:relative;z-index:9'>

        <view>
          <view class='distance' tt:if="{{data.targetAd==2&&data.endTime!=undefined||data.type==10}}">
            <view style='text-align:center;display:inline-block;'>
              <image class='clock' src='{{clockUrl}}' mode='widthFix' tt:if="{{data.type!=10}}"></image>
              <image class='clock' src='{{yushouUrl}}' mode='widthFix' tt:if="{{data.type==10}}"></image>
              <text class="qiang" tt:if="{{data.activityStatus!=0}}">距结束 :</text>
              <text class="qiang" tt:if="{{data.activityStatus==0}}">距开始 :</text>
            </view>
            <view tt:if="{{clock=='00'||data.status==1}}" class='times'>
              已经结束
            </view>
            <view tt:if="{{clock!='00'}}" class='times'>
              <view style="display:inline-block;" tt:if="{{day!=0}}">
                <text>{{day}}</text>天:
              </view>
              <text>{{hour}}</text>:
              <text>{{min}}</text>:
              <text>{{sec}}</text>
            </view>
          </view>
          <text class='title'>{{data.title}}<text class="elecard" tt:if="{{data.type==100}}">电子卡</text></text>
          
          
          
          <!-- 预购 -->
          <view class="moneyBox" tt:if="{{data.type==10}}">
            <view class="earnest">定金：</view>
            <view class="earnestNum">¥ {{salePriceStr}}</view>
            <view class="final">尾款抵扣：</view>
            <view class="earnestNum">¥ {{priceStr}}</view>
          </view>
          <view class="pickFinal_Box" tt:if="{{data.type==10}}">
            <view class="earnest">提货尾款：</view>
            <view class="earnestNum">¥ {{tailPriceStr}}</view>
            <view class="original">{{origPriceStr}}</view>
          </view>
          <view class="earnestTime time" tt:if="{{data.type==10}}"> 预购时间：{{validStartDate}}至{{validEndDate}}</view>

          <view class="finalTime time" tt:if="{{data.type==10}}">提货时间：{{pickStartDate}}至{{pickEndDate}}</view>
          <!-- 预售 -->

          <view class='salePriceStr clearfix' tt:if="{{data.type!=10}}">
            <text class='rmb'>¥</text>
            <view class="fl" tt:if="{{data.type!=8}}">
              <text class="pri01" tt:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text>
              <view class="pri01" tt:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}
                <text class='jifen'>积分</text>
              </view>

              <text class='throgh' tt:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text>
              <text tt:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text>

            </view>
            <view class="fl" tt:if="{{data.type==8}}">
 
              <text class="pri01">{{data.salePriceStr}}</text>
              <text class='presslimit' tt:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></text>
              <text class='throgh'>{{data.priceStr}}元</text>

            </view>
          </view>

          <view class="subTitleBox">
            <text class="subTitle">{{data.subTitle}}</text>
            
          </view>
        </view>
      </view>
      <view class="childBox">
        <view class="childItem" tt:for="{{data.giftCouponList}}" bindtap="gochild" data-id="{{item.id}}"
          tt:key="{{index}}">
          <image class="childImg" mode='aspectFill' src="{{item.coverImg}}"></image>
          <view class="childName">{{item.title}}</view>
          <view class="childMoney">¥{{item.priceStr}}</view>
        </view>
      </view>
      <vieW class="groupTitleBox">
        <view class="groupTitle" tt:if="{{data.itemGroup.length>0}}">团购详情</view>
      </vieW>
      
      <view class="groupTextBox" tt:if="{{data.itemGroup.length>0}}" tt:for="{{data.itemGroup}}">
        
        <view class="groupTitleS">{{item.group_name}}</view>
        <view class="groupDetailsBox" tt:for="{{item.item_list}}" tt:for-item="itemChi">
          <view class="groupTiemBox" >
            <view class="yuandian"></view>
            <view class="groupTiemName">{{itemChi.name}}（{{itemChi.count}}份）</view>
            <view class="groupTiemPay">¥{{itemChi.price/100}}</view>
          </view>
        </view>
      </view>
      <!-- 适用门店 -->
      <store merchantVoList="{{merchantVoList}}" tt:if="{{data.type!=12}}"></store>

      <view class='notes'>
        <view class="notesH">购买须知</view>
        <view class="timeText">有效期</view>
        <view class="Hchild">{{validStartDate}}至{{validEndDate}}</view>
        <view class="timeText">可用时间</view>
        <view class="Hchild">•商家营业时间可用</view>
        <view class="timeText">预约消费</view>
        <view class="Hchild">• 不需预约，高峰时段可能需要排队</view>
        <view class="Hchild">• 团购券不支持配送或外卖</view>
        <view class="timeText">使用规则</view>
        <text tt:if="{{curHtml==''}}" class="notesText">{{data.remark}}</text>
        <view tt:if="{{curHtml!=''}}">
          <rich-text nodes="{{curHtml}}"></rich-text>
        </view>
      </view>
      
      <view tt:if="{{couponList.length!=0}}"
        style="color: #333;letter-spacing: 0;font-size: 30rpx;height: 70rpx;line-height: 70rpx;margin-left: 35rpx;font-weight: bold;">其他活动
      </view>
      <view class='couponsL clearfix'>
        <c-coupons tt:if="{{couponList.length!=0}}" tt:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}"
          tt:key="unique" data="{{item}}" list="{{couponList}}" />
      </view>
      <view class='detailImg' tt:if="{{detailPicture.length>0}}">
        <image tt:for="{{detailPicture}}" tt:key="{{index}}" tt:for-item="item" src='{{item}}' mode='widthFix'></image>
      </view>
    </view>

  </view>


</view>

<!-- <button class="mount" open-type="share"  data-channel="video"></button> -->