wxThird/pages/subPack/paySuccess.vue

<template>
<view class="box">
   <view class="imgBox">
	   <image class="duihao" src="http://dmsphoto.66km.com.cn/thFiles/3488A63B-237D-4E73-96BC-C51D79AE01A3.png" mode=""></image>
   </view>
  <!-- <view class="txt" v-if="type==1">下单成功</view>
   <view class="txt" v-if="type==2">付款失败</view> -->
   <view class="txt" >下单成功</view>
   <view class="txt2">赶快查看商品详细订单</view>
   <view class="seeBox">
	   <view class="seeBtn" @click="seeFn">查看订单</view>
   </view>
   <view class="goBack" @click="goBack">返回首页</view>
 
</view>
</template>

<script>
	export default {
		components: {
			
		},
		
		data() {
			return {
				type:'',
				orderType:'',
			}
		},
		onLoad(opt) {
			this.type=opt.type
			this.orderType=opt.orderType
			/* if(this.type==2){
				uni.setNavigationBarTitle({
				    title: '下单失败' //页面标题为"新标题"
				});
			} */
			
		},
		onShow() {
			
		},
		methods: {
			seeFn(){
			
				if(this.orderType==1){
					uni.navigateTo({
						url:'../user/myOrder/myOrder'
					})
				}
			},
			goBack(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			}
		
			
			
			
			
		}
	}
</script>

<style scoped lang="less">
.box {
	width: 100vw;
	min-height: 100vh;
	background: #F4F4F4;
}
.duihao{
	width: 110rpx;height: 110rpx;
}
.imgBox{
	text-align: center;padding-top: 190rpx;
}
.txt{
		text-align: center;padding-top: 30rpx;
		font-weight: 500;
		font-size: 36rpx;
		color: #222222;
		line-height: 50rpx;
}
.goBack{
	font-weight: 400;
	font-size: 26rpx;
	color: #EC0F0A;
	line-height: 37rpx;
	text-align: center;
	padding-top: 30rpx;
}
.txt2{
	font-weight: 400;
	font-size: 22rpx;
	color: #666E80;
	line-height: 30rpx;
	text-align: center;
	padding-top: 20rpx;
}
.seeBtn{
	width: 282rpx;
	height: 70rpx;
	background: #FCD903;
	border-radius: 43rpx;
	text-align: center;
	line-height: 70rpx;
	font-weight: 400;
	font-size: 26rpx;
	color: #110B01;
	margin: 0 auto;
	margin-top: 44rpx;
}
</style>