添加支付后获取石榴金等的展示
This commit is contained in:
赵毅
parent
9083312649
commit
60ad675362
@ -375,9 +375,10 @@ page {
|
|||||||
|
|
||||||
.shadowBox_img {
|
.shadowBox_img {
|
||||||
width: 600rpx;
|
width: 600rpx;
|
||||||
height: 500rpx;
|
height: 800rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.boxshadow_tit {
|
.boxshadow_tit {
|
||||||
@ -403,9 +404,88 @@ page {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wealBoxTit {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxTit1 {
|
||||||
|
color: #fe1535;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxTit2 {
|
||||||
|
color: #fe1535;
|
||||||
|
font-size: 26rpx;
|
||||||
|
margin-left: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBox{
|
||||||
|
width: 93%;
|
||||||
|
height: 170rpx;
|
||||||
|
margin: 15rpx auto;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItem{
|
||||||
|
width: 150rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
margin: 0 10rpx;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
padding: 20rpx 10rpx;
|
||||||
|
text-align: center;
|
||||||
|
display: flex; /* 添加 flex 布局 */
|
||||||
|
flex-direction: column; /* 设置主轴为垂直方向 */
|
||||||
|
justify-content: space-between; /* 垂直方向上平均分布 */
|
||||||
|
align-items: center; /* 水平方向居中 */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.wealBoxItem1{
|
||||||
|
background-color: #fff4f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItem2{
|
||||||
|
background-color: #fff7f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItem3{
|
||||||
|
background-color: #fffaf0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItemTop{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItemTop image{
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wealBoxItemBottom{
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxbottom1 {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
.boxbottom {
|
.boxbottom {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 50rpx;
|
margin-bottom: 50rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -428,25 +508,25 @@ page {
|
|||||||
.shadowBox1 {
|
.shadowBox1 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadowBox1Item_btn{
|
.shadowBox1Item_btn {
|
||||||
width: 110rpx;
|
width: 110rpx;
|
||||||
height: 150rpx;
|
height: 150rpx;
|
||||||
border: 1rpx solid red;
|
border: 1rpx solid red;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 100rpx;
|
left: 100rpx;
|
||||||
opacity:0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadowBox2Item_btn{
|
.shadowBox2Item_btn {
|
||||||
width: 110rpx;
|
width: 110rpx;
|
||||||
height: 150rpx;
|
height: 150rpx;
|
||||||
border: 1rpx solid red;
|
border: 1rpx solid red;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 100rpx;
|
right: 100rpx;
|
||||||
opacity:0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadowBox1Item {
|
.shadowBox1Item {
|
||||||
@ -508,7 +588,7 @@ page {
|
|||||||
margin-top: 60rpx;
|
margin-top: 60rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-tip{
|
.empty-tip {
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
|
|||||||
@ -238,6 +238,54 @@
|
|||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
|
||||||
</image> -->
|
</image> -->
|
||||||
</view>
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="wealBoxTit">
|
||||||
|
<view class="wealBoxTit1">下单福利</view>
|
||||||
|
<view class="wealBoxTit2">已获得</view>
|
||||||
|
</view>
|
||||||
|
<view class="wealBox">
|
||||||
|
<view class="wealBoxItem wealBoxItem1">
|
||||||
|
<view class="wealBoxItemTop">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
|
||||||
|
</image>
|
||||||
|
<view>石榴分</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slFen }}
|
||||||
|
</view>
|
||||||
|
<view class="wealBoxItemBottom">
|
||||||
|
可抵扣 ￥{{ slFen }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="wealBoxItem wealBoxItem2">
|
||||||
|
<view class="wealBoxItemTop">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
|
||||||
|
</image>
|
||||||
|
<view>石榴籽</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slZi }}
|
||||||
|
</view>
|
||||||
|
<view class="wealBoxItemBottom">
|
||||||
|
可抵扣 ￥{{ slZi }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="wealBoxItem wealBoxItem3">
|
||||||
|
<view class="wealBoxItemTop">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit"/>
|
||||||
|
<view>石榴金</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slJin }}
|
||||||
|
</view>
|
||||||
|
<view class="wealBoxItemBottom">
|
||||||
|
可抵扣 ￥{{ slJin }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom">
|
||||||
|
<view class="boxbottom1">
|
||||||
<view class="boxbottom">
|
<view class="boxbottom">
|
||||||
<view class="line1"></view>
|
<view class="line1"></view>
|
||||||
赶快邀请好友来下单吧
|
赶快邀请好友来下单吧
|
||||||
@ -270,6 +318,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 海报 -->
|
<!-- 海报 -->
|
||||||
<view class="shadow" @click="changeShadow2" v-if="boxshadow2">
|
<view class="shadow" @click="changeShadow2" v-if="boxshadow2">
|
||||||
@ -315,6 +365,10 @@ export default {
|
|||||||
orderList2: [],
|
orderList2: [],
|
||||||
carList: [],
|
carList: [],
|
||||||
|
|
||||||
|
slJin: 0,
|
||||||
|
slFen: 0,
|
||||||
|
slZi: 0,
|
||||||
|
|
||||||
// 团购活动id
|
// 团购活动id
|
||||||
group_buy_activity_id: 0,
|
group_buy_activity_id: 0,
|
||||||
|
|
||||||
@ -667,6 +721,7 @@ export default {
|
|||||||
}
|
}
|
||||||
request(apiArr.queryOrder, "POST", params).then(res => {
|
request(apiArr.queryOrder, "POST", params).then(res => {
|
||||||
this.verifyCode = res.verification_code
|
this.verifyCode = res.verification_code
|
||||||
|
this.slJin = res.shiliu_money
|
||||||
this.boxshadow1 = true
|
this.boxshadow1 = true
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user