xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优惠券页面

Browse Source
This commit is contained in:
辉 2023-09-20 13:52:33 +08:00
parent 00128f8670
commit a51ae013af
1 changed files with 163 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
pagesB/coupon/coupon.scss Normal file
View File

@ -0,0 +1,163 @@
.app {
padding: 0;
.noorder {
margin-top: 20%;
}
.content {
width: 96%;
margin: 20rpx auto 0;
background-color: #fff;
padding-bottom: 100rpx;
.rollup {
border-radius: 5rpx;
.item {
width: 94%;
height: 240rpx;
margin: 20rpx auto 0;
border: 1rpx solid #f4f5f7;
border-radius: 10rpx;
.bottom {
font-size: 22rpx;
color: #969394;
line-height: 60rpx;
padding-left: 25rpx;
border-radius: 0 0 10rpx 10rpx;
}
.top {
width: 100%;
height: 180rpx;
background: #FDE9E8;
position: relative;
color: #F44B2F;
border-radius: 10rpx 10rpx 0 0;
.what {
padding: 0 10rpx;
height: 40rpx;
background: #FED1D2;
border-radius: 16rpx;
font-size: 20rpx;
line-height: 40rpx;
text-align: center;
position: absolute;
top: 120rpx;
left: 20rpx;
}
.btngq {
width: 110rpx;
height: 50rpx;
border: 2rpx solid #DFDEDE;
border-radius: 24rpx;
font-size: 24rpx;
position: absolute;
top: 70rpx;
right: 20rpx;
text-align: center;
line-height: 50rpx;
background: #DFDEDE;
}
.btn {
width: 98rpx;
height: 50rpx;
border: 2rpx solid #F44B2F;
border-radius: 24rpx;
font-size: 24rpx;
position: absolute;
top: 70rpx;
right: 20rpx;
text-align: center;
line-height: 50rpx;
}
.time {
font-size: 24rpx;
position: absolute;
top: 120rpx;
left: 240rpx;
}
.texts {
font-size: 32rpx;
font-weight: 800;
position: absolute;
top: 44rpx;
left: 240rpx;
}
.title {
position: absolute;
top: 30rpx;
left: 10rpx;
.price {
font-size: 54rpx;
font-weight: 700;
}
.text {
font-weight: 600;
font-size: 34rpx;
}
}
}
}
}
.statuss {
padding-top: 25rpx;
span {
color: #c1c1c1;
font-size: 18rpx;
line-height: 60rpx;
}
.statusitem {
text-align: center;
padding: 0 40rpx;
display: inline-block;
height: 60rpx;
font-size: 30rpx;
color: #969394;
line-height: 60rpx;
}
}
}
.tabs {
width: 100%;
.tab-item {
margin: 20rpx 0 0 24rpx;
text-align: center;
width: 20%;
.text {
width: 70%;
margin-left: 15%;
height: 30rpx;
background: #F44B2F;
border-radius: 9rpx;
color: #fff;
font-size: 24rpx;
line-height: 30rpx;
}
.title {
font-size: 40rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #F44B2F;
line-height: 59rpx;
}
}
}
}