czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

会员相关更新、商品列表更新

Browse Source
This commit is contained in:
GaoHao
2024-08-16 18:09:09 +08:00
parent 5550649e8a 907321d3d3
commit d75da8ac9f
26 changed files with 1891 additions and 2186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pages/user/coupon.vue
View File

@@ -12,6 +12,7 @@
</view>
</view>
</view>
<view class="containertop">
<view class="containertopbox">
<view class="containertopboxitem flex-start" v-for="(item,index) in list" :key="index">
@@ -32,15 +33,16 @@
无门槛使用
</view>
<view class="containertopboxitemright_tow">
通用红包券
<view>通用红包券</view>
<view
:class="item.status == 0?'containertopboxitemright_four containertopboxitemright_btn':'containertopboxitemright_fours containertopboxitemright_btn'">
{{item.status == 0 ? '去使用':'已过期'}}
</view>
</view>
<view class="containertopboxitemright_there">
有效期至：{{$u.timeFormat(item.endTime, 'yyyy/mm/dd') || '0'}}
</view>
<view
:class="item.status == 0?'containertopboxitemright_four':'containertopboxitemright_fours'">
{{item.status == 0 ? '兑换积分':'已过期'}}
</view>
</view>
</view>
<image style="margin:32rpx auto;" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/nomore.png"
@@ -191,6 +193,7 @@
.containertop {
padding: 40rpx 32rpx;
.containertopbox {
margin-top: 8rpx;
.containertopboxitem::after {
position: absolute;
bottom: 14rpx;
@@ -204,7 +207,7 @@
}
.containertopboxitem {
margin-top: 20rpx;
margin-bottom: 32rpx;
width: 100%;
position: relative;
@@ -212,7 +215,7 @@
position: relative;
width: 182rpx;
height: 192rpx;
background: #F1CB66;
background: #E3AD7F;
border-radius: 18rpx 0rpx 0rpx 18rpx;
box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
@@ -287,19 +290,21 @@
.containertopboxitemright_one {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-weight: bold;
font-size: 24rpx;
color: #666666;
padding: 12rpx 0;
padding: 16rpx 0 16rpx 0;
border-bottom: 1rpx dotted #707070;
}
.containertopboxitemright_tow {
margin-top: 14rpx;
margin-top: 18rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-weight: bold;
font-size: 32rpx;
color: #333333;
display: flex;
justify-content: space-between;
}
.containertopboxitemright_there {
@@ -308,37 +313,23 @@
font-size: 24rpx;
color: #999999;
}
.containertopboxitemright_four {
position: absolute;
right: 32rpx;
top: 50%;
.containertopboxitemright_btn{
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 24rpx;
color: #FFFFFF;
padding: 0 14rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
background: #FE665E;
padding: 8rpx 22rpx;
border-radius: 24rpx 24rpx 24rpx 24rpx;
}
.containertopboxitemright_four {
color: #FFFFFF;
background: #333;
}
.containertopboxitemright_fours {
position: absolute;
right: 32rpx;
top: 50%;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #999999;
padding: 0 14rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
background: #F7F7F7;
border-radius: 24rpx 24rpx 24rpx 24rpx;
}
}
}