H5端齐采药项目,uniapp框架
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

100 lines
2.0 KiB

<template>
<view>
<u-navbar title="支付成功" leftIconSize="0" placeholder>
<!-- <u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon> -->
</u-navbar>
<view class="head">
<img :src="$util.img('/upload/weapp/user/successful.png')" mode=""></img>
<div class="df aic jcsa">订单支付成功</div>
<div class="df aic define">
<div class="df aic jcsa define-btn1" @click="btnone">返回首页</div>
<div class="df aic jcsa define-btn2" @click="bttwo">查看订单</div>
</div>
</view>
</view>
</template>
<script>
import eventBus from '@/common/js/bus.js'
export default {
data() {
return {
list:{}
};
},
onLoad(e) {
uni.$on('confirmation',(data)=>{
console.log(data,'支付数据');
this.list=data
})
},
onLaunch() {
uni.$off('confirmation')
},
methods:{
btnone(){
uni.navigateTo({
url: '/page_salesman_index/index/index'
})
},
bttwo(){
setTimeout(()=>{
uni.$emit('confyes',this.list)
},500)
uni.navigateTo({
url: `/page_salesman_order/Order_details/Order_details?ct=1`
})
}
}
}
</script>
<style lang="scss">
.head{
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%);
text-align: center;
img{
width: 200rpx;
height: 200rpx;
}
div:nth-child(1){
font-size: 36rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #222222;
line-height: 50rpx;
margin-top: 48rpx;
}
.define{
margin-top: 60rpx;
.define-btn1{
width: 206rpx;
height: 72rpx;
border-radius: 40rpx;
border: 2rpx solid #E8E8E8;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
margin-top: 0;
margin-right: 32rpx;
}
.define-btn2{
width: 206rpx;
height: 72rpx;
background: #21BBF3;
border-radius: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 40rpx;
}
}
}
</style>