liveShop/pages/money/openedSuccessfully.vue

<template>
	<view class="content">
		<!-- 支付成功 -->
		<view class="pay-box">
			<!-- <text class="success-icon iconfont iconroundcheck"></text> -->
			<image src="https://zhibo.liuniu946.com/img/openSuccess.png" class="success-icon"></image>
			<text class="tit">开通成功</text>
	
			<view class="btn-group flex">
				<navigator url="/pages/order/order?state=1" @click="goback()" class="mix-btn">返回首页</navigator>
				<navigator url="/pages/index/index" @click="navTo()" class="mix-btn hollow">签署合同</navigator>
				<!-- <navigator v-if="showpink" url="/pages/delegation/delegation?state=0" open-type="redirect" class="mix-btn hollow">查看我的团</navigator> -->
				<!-- <navigator v-if="showpink" :url="'/pages/product/details?pink_id=' + (pinkId || '')" open-type="redirect" class="mix-btn hollow">马上分享</navigator> -->
				<!-- <navigator v-if="showauto" :url="'/pages/product/product?type=2&id=' + Autoid" open-type="redirect" class="mix-btn hollow">马上分享</navigator> -->
			</view>
	
		<!-- 	<view class="warn">安全提醒：平台及商家不会以订单异常系统升级为由要 求你点击任何网址链接进行退款操作</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goback(){
				uni.switchTab({
					url:'../index/index'
				})
			},
			navTo(){
				uni.navigateTo({
					url:'../contract/contract'
				})
			}
			
		}
	}
</script>

<style lang="scss">
	page{
		width: 750rpx;
		height: 100%;
		background: rgba(255, 255, 255, 1);
	}
	.content{
		width: 750rpx;
		height: 100%;
		background: rgba(255, 255, 255, 1);
.pay-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 1);

	.success-icon {
		font-size: 96rpx;
		color: #5dbc7c;
		margin-top: 40rpx;
		width: 302rpx;
		height: 302rpx;
	}
	.tit {
		font-size: 38rpx;
		color: #303133;
		height: 34px;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		line-height: 56px;
		&.price {
			font-size: 42rpx;
		}
	}
	.btn-group {
		padding-top: 40rpx;
		display: flex;
		width: 100%;
		padding-right: 40rpx;
		padding-left: 40rpx;
		justify-content: space-around;
		.mix-btn {
			font-weight: 500;
			color: #FF0000;
			line-height: 42rpx;
			width: 300rpx;
			height: 78rpx;
			border: 2rpx solid #FE3C3C;
			border-radius: 10rpx;
			background: linear-gradient(180deg, #FFFFFF, #FFFFFF);
			margin-top: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: $font-lg;
			color: #333333;

			&.hollow {
				background: linear-gradient(180deg, #FD4646, #FF3535);
				color: #FFFFFF;
			}
		}
	}
	}
	}
</style>