142 lines
6.7 KiB
Plaintext
142 lines
6.7 KiB
Plaintext
<!--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> |