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

11

Browse Source
This commit is contained in:
魏啾
2024-04-19 09:29:46 +08:00
parent 4bc97b35fd
commit 25acfbeb91
2 changed files with 164 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
pages/order/successful.vue
View File

@@ -46,6 +46,30 @@
<image src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/yhj.png" mode=""></image>
<text>恭喜获得优惠券</text>
</view>
<view class="towcontenthereimage flex-colum">
<view class="towcontenthereimageone">
<text style="font-size:28rpx; color: #FF7C0D;">￥</text>
30.00
</view>
<view class="towcontenthereimagetow">
通用红包券
</view>
<view class="towcontenthereimagethere">
有效至 2024 07 11
</view>
<view class="towcontenthereimagefour">
限时红包变大 快来领取
</view>
<view class="towcontenthereimagefive flex-between">
<view class="towcontenthereimagefiveone">
我在想想
</view>
<view class="towcontenthereimagefivetow">
马上翻倍
</view>
</view>
</view>
</view>
</view>
</view>
@@ -215,6 +239,7 @@
.towcontentow {
margin-top: 16rpx;
.towcontentow_O {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
@@ -229,24 +254,100 @@
color: #333333;
}
}
.towcontenthere{
.towcontenthere {
margin-top: 32rpx;
border-top: 1rpx dashed #E5E5E5;
.towcontentherebox{
margin-top: 32rpx;
image{
.towcontentherebox {
margin-top: 48rpx;
image {
width: 38.48rpx;
height: 38.42rpx;
}
text{
text {
margin-left: 16rpx;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
}
.towcontenthereimage{
.towcontenthereimage {
margin-top: 48rpx;
width: 540rpx;
height: 498rpx;
background: url(https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/yhjs.png) no-repeat;
background-size: cover;
justify-content: flex-start;
.towcontenthereimageone {
margin-top: 54rpx;
font-family: Roboto, Roboto;
font-weight: bold;
font-size: 48rpx;
color: #FF7C0D;
}
.towcontenthereimagetow {
margin-top: 28rpx;
width: 184rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
background: rgba(255, 219, 151, 0.33);
border-radius: 12rpx 12rpx 12rpx 12rpx;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 24rpx;
color: #C7620E;
}
.towcontenthereimagethere {
margin-top: 8rpx;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 20rpx;
color: #333333;
}
.towcontenthereimagefour {
margin-top: 74rpx;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #FFFFFF;
}
.towcontenthereimagefive {
margin-top: 40rpx;
.towcontenthereimagefiveone {
padding: 12rpx 28rpx;
background: #FFF6D8;
border-radius: 46rpx 46rpx 46rpx 46rpx;
border: 2rpx solid #FFE18F;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
.towcontenthereimagefivetow {
margin-left: 16rpx;
padding: 12rpx 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #FFFFFF;
background: linear-gradient(178deg, #FFFF81 0%, rgba(255, 76, 59, 0.56) 100%);
box-shadow: 0rpx 4rpx 6rpx 2rpx rgba(222, 91, 43, 0.65);
border-radius: 46rpx 46rpx 46rpx 46rpx;
}
}
}
}
}