<!--packageI/cps/cpsExtension.wxml-->
<view id="cpsExtension" style="--backg--: {{datas.page_setting ? datas.page_setting.tab_color : '#ffb32f'}};">
  <view class="navtab"
    style="--backg--: {{datas.page_setting ? datas.page_setting.tab_color : '#ffb32f'}};padding-top:{{viewHeight}}px;">
    <view class="mnav" style="--backg--: {{datas.page_setting ? datas.page_setting.tab_color : '#ffb32f'}};">
      <van-tabs active="{{active}}" bind:change="actChange" title-active-color="#ffffff" title-inactive-color="#ffe3be"
        color="#ffffff" swipe-threshold="2" id="vantab" wx:if="{{info}}">
        <van-tab title="{{item.another_name}}" wx:for="{{info}}" wx:key="ind"></van-tab>
      </van-tabs>
    </view>
  </view>
  <view
    style="background-color:{{ datas.page_setting ? datas.page_setting.background_color:'#ffb32f'}};min-height: 100vh;padding-top: {{paddingHeight}}rpx;">
    <view class="banner">
      <image src="{{datas.top_image ? datas.top_image : topImg}}"></image>
    </view>
    <view class="contenbox">
      <view class="topbox">
        <view class="coupon" style="background-color: #fff8ed;">
          <icon class="iconfont icon-fontclass-youhuiquan1" style="color: #fe9a03; font-size: 64rpx;"></icon>
          <view>先领券</view>
        </view>
        <view class="rightIcon order">
          <icon class="iconfont icon-advertise-next" style="margin-right: -19.2rpx;"></icon>
          <icon class="iconfont icon-advertise-next"></icon>
        </view>
        <view class="coupon " style="background-color: #eef8fe;">
          <icon class="iconfont icon-fontclass-xaidan" style="color: #2f9cff; font-size: 64rpx;"></icon>
          <view>再下单</view>
        </view>
        <view class="rightIcon order">
          <icon class="iconfont icon-advertise-next" style="margin-right: -19.2rpx;"></icon>
          <icon class="iconfont icon-advertise-next"></icon>
        </view>
        <view class="coupon" style="background-color: #eff3ff;">
          <icon class="iconfont icon-fontclass-fanli" style="color: #3c6eff; font-size: 64rpx;"></icon>
          <view>再下单</view>
        </view>
        <!-- 圆 -->
        <view class="circleBox">
          <view class="circle"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : '' }}">
          </view>
          <view class="circle circle2"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : '' }}"></view>
        </view>
        <view class="circleBox2">
          <view class="circle"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : '' }}">
          </view>
          <view class="circle circle2"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : '' }}"></view>
        </view>
        <!-- 圆end -->
      </view>
      <view class="bottomBox">
        <!-- 连接start -->
        <view class="circleBox">
          <view class="circle"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : ''}}">
          </view>
          <view class="circle circle2"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : ''}}"></view>
        </view>
        <view class="circleBox2">
          <view class="circle"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : ''}}">
          </view>
          <view class="circle circle2"
            style="background-color: {{datas.page_setting ? datas.page_setting.background_color : ''}}"></view>
        </view>
        <view class="line" style="top: -33.6rpx; right: 89.6rpx;"></view>
        <view class="line" style="top: -33.6rpx; right: 118.4rpx;"></view>
        <view class="line" style="top: -33.6rpx; left: 89.6rpx;"></view>
        <view class="line" style="top: -33.6rpx; left: 118.4rpx;"></view>
        <!-- 连接end -->
        <!-- 二维码 start -->
        <view class="codeBox" wx:if="{{datas.mini_qrcode_url}}">
          <image src="{{datas.mini_qrcode_url}}" alt=""></image>
        </view>
        <!-- 二维码end -->

        <!-- 优选按钮 start -->
        <block wx:for="{{buttonArr}}" wx:key="index">
          <view wx:if="buttonArr">
            <view class="redBtn_wm" wx:if="{{item == datas.another_id && item != '1104'}}" catchtap="toLink"
              data-web_url="{{datas}}">{{
              datas.page_setting.button_text }}</view>
            <view class="redBtn" wx:if="{{item == '1104' && datas.another_id != '1104'}}" catchtap="runGoPageYx"
              data-id="1104">领取优选红包
            </view>
            <view class="redBtn" wx:if="{{datas.another_id == '1104'}}" catchtap="toLink" data-web_url="{{datas}}">
              领取优选红包</view>
          </view>
        </block>

        <!-- 优选按钮 end -->

        <!-- 分享 -->
        <view class="priceShare_s" catchtap="getShare">
          <icon class="iconfont icon-fontclass-fenxiang1"></icon>
          分享给好友
        </view>
      </view>
      <!-- 外卖 start -->
      <block>
        <view class="redBox" wx:if="{{datas.page_setting}}">
          <view wx:for="{{datas.page_setting.bottom_button}}" wx:key="ind">
            <view class="hotel_left" wx:if="{{item == '1107'}}" catchtap="runGoPageYx" data-id="1107">
              <view class="txt">酒店红包</view>
              <view class="hbBtn">免费领取</view>
            </view>
            <view class="market_right" wx:if="{{item == '506'}}" catchtap="runGoPageYx" data-id="506">
              <view class="txt">商超红包</view>
              <view class="hbBtn">免费领取</view>
            </view>
          </view>
        </view>
        <view class="elmfruits" wx:if="{{datas.another_id == '101'}}">
          <view class="elmLeft">
            <view>饿了么果蔬红包</view>
            <view class="txt">最高36元天天领</view>
          </view>
          <view class="elmRight" data-id="103" catchtap="runGoPageYx">免费领取</view>
        </view>
        <view class="rule">
          <view class="ruleBox">
            <mp-html content="{{datas.bottom_message}}" wx:if="{{datas.bottom_message}}" />
          </view>
          <view class="ruletxt">活动规则</view>
        </view>
      </block>
    </view>
  </view>
  <van-popup show="{{show}}" custom-style="width:85%; background-color: transparent;" bind:close="closePopup">
    <view class="shareImg" wx:if="{{show}}">
      <image src="{{shareImg}}" alt="" catchtap="imgPreview" data-img="{{shareImg}}" mode="widthFix"></image>
    </view>
  </van-popup>
  <yz_bindMobile showVer="{{show1}}" bind:bindSuccess="getData" wx:if="{{show1}}"></yz_bindMobile>
</view>
<shopfoot bindtabrshow="tabrshowbtn"></shopfoot>