59 lines
1.7 KiB
Vue
59 lines
1.7 KiB
Vue
|
<template>
|
|||
|
|
<view class="pad-x50">
|
|||
|
|
<status-container titlet="完成">
|
|||
|
|
<view slot="content">
|
|||
|
|
<view class="pad-zy40 fon30">
|
|||
|
|
<view class="disjcac pad-sx50">
|
|||
|
|
<image :src="imgsrc" mode="aspectFill" style="width: 460rpx;height: 460rpx;"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="tcenter" style="color: #0c0c0c;">已完成提交</view>
|
|||
|
|
<view class="col9 tcenter mar-sx50 line-h50">
|
|||
|
|
请扫描二维码添加微信告知您的订单<br />
|
|||
|
|
号并支付定金 ，发货前请支付尾款。<br />
|
|||
|
|
（支付定金后，我们才会开始制作哦，如您有特<br />
|
|||
|
|
别的要求可以在微信上提出哦！）<br />
祝您幸福美满！
|
|||
|
|
</view>
|
|||
|
|
<view @tap="saveImg" class="navigate-to-where radius30 colf fon36 tcenter">保存二维码</view>
|
|||
|
|
<view @tap="goShop" class="navigate-to-where radius30 colf fon36 tcenter mar-s50" style="background: #e00c34;">继续购物</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</status-container>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
imgsrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 提交
|
|||
|
|
submit(){
|
|||
|
|
if(this.checkEmpty() && this.flag){
|
|||
|
|
this.flag = false;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 继续购物
|
|||
|
|
goShop(){
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url:'/pages/tabbar/cate/cate'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 保存二维码
|
|||
|
|
saveImg(){
|
|||
|
|
this.$toolAll.tools.saveImg(this.imgsrc);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.navigate-to-where {height: 98rpx;line-height: 98rpx;background: linear-gradient(to right, #ff3772 0%,#fd5548 100%);box-shadow: 0rpx 6rpx 10rpx rgba(0, 0, 0, 0.2);}
|
|||
|
|
</style>
|