提交
This commit is contained in:
@ -1,9 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "优惠券",
|
||||
"usingComponents": {
|
||||
"u-tabs": "/components/uview-ui/components/u-tabs/u-tabs",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-button": "/components/uview-ui/components/u-button/u-button"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="coupon"><view><u-tabs vue-id="d58401fe-1" list="{{tab}}" is-scroll="{{false}}" current="{{current}}" active-color="{{themeColor}}" height="96" data-event-opts="{{[['^change',[['change']]]]}}" bind:change="__e" bind:__l="__l"></u-tabs></view><mescroll-body class="vue-ref" vue-id="d58401fe-2" up="{{upOption}}" data-ref="mescroll" data-event-opts="{{[['^init',[['mescrollInit']]],['^down',[['downCallback']]],['^up',[['upCallback']]]]}}" bind:init="__e" bind:down="__e" bind:up="__e" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{current===0}}"><view class="u-relative"><view class="package u-text-center u-p-t-22 u-p-b-28"><view class="bold-500">超级省钱券包</view><view>超值权益一单回本</view></view><view class="list u-absolute left-0 right-0"><view class="block br20"><view class="row-between"><view><view class="row"><u-image vue-id="{{('d58401fe-3')+','+('d58401fe-2')}}" src="{{cloudPath+'img/icon_package1.png'}}" width="34" height="28" bind:__l="__l"></u-image><view class="text-333 u-m-l-10 nr">券包</view></view><view class="text-755023 xs u-m-t-10"><text>2元最低可抵111元/共<text class="primary">1</text>张券</text></view></view><view class="u-relative"><u-image vue-id="{{('d58401fe-4')+','+('d58401fe-2')}}" src="{{cloudPath+'img/icon_package2.png'}}" width="220" height="60" bind:__l="__l"></u-image><view class="text-755023 u-absolute price xs">￥2.00</view></view></view><view class="coupon-bg u-m-t-32"><view class="xxs u-text-center u-p-t-4 text-845F2E">满减券x1</view><view class="bold-600 u-text-center u-p-t-26"><price-format vue-id="{{('d58401fe-5')+','+('d58401fe-2')}}" color="#FF0000" price="{{121.99}}" subscriptSize="{{32}}" firstSize="{{52}}" secondSize="{{52}}" bind:__l="__l"></price-format></view><view class="text-D8A658 u-text-center u-p-t-32">满11元可用</view></view></view></view></view></block><block wx:if="{{current===1}}"><view class="coupon-list u-m-t-12"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="coupon-list-bg row-between"><view class="row-start row-column u-row-center u-text-center"><view><price-format vue-id="{{('d58401fe-6-'+index)+','+('d58401fe-2')}}" color="{{themeColor}}" price="{{item.money}}" subscriptSize="{{40}}" firstSize="{{72}}" secondSize="{{72}}" bind:__l="__l"></price-format></view><view class="full">{{item.use_condition}}</view></view><view class="flex1 u-m-l-80 row-between"><view><view class="coupon-text bold-600">优惠券</view><view class="xs u-m-t-20 date">{{"有效期 "+item.use_time_tips+"天"}}</view></view><view><u-button vue-id="{{('d58401fe-7-'+index)+','+('d58401fe-2')}}" hover-class="none" customStyle="{{({width:'160rpx',height:'56rpx',backgroundColor:themeColor,color:'#fff',border:'none',borderRadius:'100rpx',fontSize:'24rpx'})}}" hair-line="{{false}}" data-event-opts="{{[['^click',[['mpLogin']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">立即兑换</u-button></view></view></view></block></view></block></mescroll-body></view>
|
||||
@ -1,86 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.text-755023 {
|
||||
color: #755023;
|
||||
}
|
||||
.text-845F2E {
|
||||
color: #845F2E;
|
||||
}
|
||||
.text-D8A658 {
|
||||
color: #D8A658;
|
||||
}
|
||||
.coupon .package {
|
||||
background-color: #2D2622;
|
||||
height: 180rpx;
|
||||
}
|
||||
.coupon .package > view:first-child {
|
||||
font-size: 64rpx;
|
||||
background: linear-gradient(90deg, #FDE0B4 0%, #FFC07F 100%);
|
||||
letter-spacing: 1px;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.coupon .package > view:last-child {
|
||||
font-size: 30rpx;
|
||||
background: linear-gradient(270deg, #FDE0B4 0%, #FFC07F 100%);
|
||||
letter-spacing: 1px;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.coupon .list {
|
||||
background-color: #F6F6F6;
|
||||
border-top-left-radius: 24rpx;
|
||||
border-top-right-radius: 24rpx;
|
||||
top: 160rpx;
|
||||
padding: 30rpx 24rpx;
|
||||
}
|
||||
.coupon .list .block {
|
||||
height: 386rpx;
|
||||
background: #FBE9CC;
|
||||
border: 2rpx solid #E0B66C;
|
||||
padding: 24rpx 36rpx 24rpx;
|
||||
}
|
||||
.coupon .list .block .price {
|
||||
left: 22rpx;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.coupon .list .block .coupon-bg {
|
||||
width: 207rpx;
|
||||
height: 196rpx;
|
||||
background: url(http://jianbing-media.stnav.com/frontend/img/icon_package3.png) no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.coupon .coupon-list .coupon-list-bg {
|
||||
height: 176rpx;
|
||||
background: url(http://jianbing-media.stnav.com/frontend/img/icon_coupon2.png) no-repeat;
|
||||
background-size: cover;
|
||||
margin: 0 32rpx 32rpx;
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
.coupon .coupon-list .coupon-list-bg .full {
|
||||
font-size: 20rpx;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.coupon .coupon-list .coupon-list-bg .coupon-text {
|
||||
color: #1D2129;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.coupon .coupon-list .coupon-list-bg .date {
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user