Skip to content

肖康 / H5_2.0

Go to a project
Commit bb319f1e by LJM
Options

优惠券

parent 91063030
Inline Side-by-side
Showing with 155 additions and 4 deletions
assets/css/mine/userCoupon.scss
.page-userCoupon {
padding-top: 88rpx;
.go-coupon {
text-align: right;
font-size: 28rpx;
color: #1969f9;
}
.tab {
background: #ffffff;
height: 88rpx;
margin-bottom: 16rpx;
.box {
position: relative;
height: 100%;
transition: all 0.4s ease;
.t1 {
font-size: 28rpx;
color: #484b59;
}
.t2 {
font-size: 28rpx;
color: #292b33;
font-weight: bold;
}
.t3 {
font-size: 24rpx;
color: #919399;
}
&.curr {
&::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 53rpx;
height: 7rpx;
margin: 0 auto;
background: #1969f9;
border-radius: 4rpx;
content: '';
}
}
}
}
.list {
padding: 0 24rpx;
.box {
position: relative;
height: 176rpx;
background: #ffffff;
border-radius: 0px 10rpx 10rpx 0px;
margin-bottom: 16rpx;
.left {
width: 230rpx;
height: 176rpx;
background: url('https://img.ichunt.com/images/ichunt/202305/19/e8f03900544551d09436a542ee7d0ea0.png') no-repeat center;
background-size: cover;
.p1 {
margin-bottom: 8rpx;
.t1 {
font-size: 22rpx;
color: #ffffff;
}
.t2 {
margin-left: 10rpx;
font-size: 60rpx;
color: #ffffff;
}
}
.p2 {
font-size: 20rpx;
color: #ffffff;
}
}
.right {
padding-left: 24rpx;
.p1 {
margin-bottom: 16rpx;
.t1 {
font-size: 22rpx;
color: #484b59;
}
.t2 {
font-size: 22rpx;
color: #1969f9;
}
}
.p2 {
margin-bottom: 16rpx;
}
.p3 {
width: 142rpx;
height: 40rpx;
border-radius: 6rpx;
border: 1px solid #1969f9;
font-size: 22rpx;
color: #1969f9;
}
}
.type-1 {
position: absolute;
right: 0;
top: 0;
width: 82rpx;
height: 68rpx;
background: url('https://img.ichunt.com/images/ichunt/202305/19/f8fb5d9934fd1227ba807378939a5565.png') no-repeat center;
background-size: cover;
z-index: 99;
}
}
}
}
components/nav.vue
<template>
<view class="h5-nav row avarage verCenter">
<text class="iconfont icon-arrleft"></text>
<text class="iconfont icon-arrleft" v-back></text>
<text class="title">{{ title }}</text>
<view class="bar"><slot name="title-bar"></slot></view>
</view>
......
pages/mine/login.vue
......@@ -84,6 +84,8 @@
<script>
import { Ichunt_Api, Api_Url, Code_Url } from '@/util/api.js';
import { setCookie, delCookie, startCountdown } from '@/util/util.js';
import w_md5 from '@/util/md5.js';
export default {
data() {
return {
......@@ -106,7 +108,11 @@ export default {
}
};
},
onLoad() {},
onLoad() {
delCookie('Yo4teW_csrf');
delCookie('Yo4teW_gid');
delCookie('Yo4teW_uid');
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
......@@ -146,6 +152,9 @@ export default {
});
return false;
}
var time = parseInt(new Date().getTime() / 1000);
var Yo4teW_gid = w_md5.hex_md5_32(String(time));
setCookie('Yo4teW_gid', Yo4teW_gid, 7);
this.request(Api_Url + '/public/smsVerify', 'POST', { mobile: this.formParams.account, verify: this.formParams.verify, intl_code: this.formParams.intl_code }, true, true).then(res => {
if (res.err_code === 0) {
......
pages/mine/userCoupon.vue
<template>
<view class="page-userCoupon">
<navElement title="我的优惠券" v-back>
<navElement title="我的优惠券">
<template slot="title-bar">
<view class="go-coupon">去领券</view>
</template>
</navElement>
<view class="tab row avarage verCenter">
<view class="box row rowCenter verCenter curr">
<text class="t2">未使用</text>
<text class="t3">（0）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">已使用</text>
<text class="t3">（80）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">已过期</text>
<text class="t3">（0）</text>
</view>
</view>
<view class="list">
<view class="box row verCenter" v-for="(item, index) in 100" :key="index">
<view class="left column rowCenter verCenter">
<view class="p1">
<text class="t1">￥</text>
<text class="t2">10</text>
</view>
<view class="p2">满￥200可用</view>
</view>
<view class="right">
<view class="p1">
<text class="t1">适用于</text>
<text class="t2">全站</text>
<text class="t1">商品</text>
</view>
<view class="p2">2023.02.27-2023.04.01</view>
<view class="p3 row rowCenter verCenter">立即使用</view>
</view>
<text class="type-1"></text>
</view>
</view>
</view>
</template>
......@@ -16,7 +51,9 @@ export default {
components: {
navElement
},
data() {},
data() {
return {};
},
onLoad() {},
methods: {}
};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment