hg_zlxc_h5/pages/learnDriveStep/payMoney/payMoneySuccess.vue

<template>
	<view class="main">
		
		<view class="iconImg">
			<image src="../../../static/images/icon/third_img_completedIphone@2x.png" mode=""></image>
		</view>
		<view class="h1">缴费完成</view>
		<view class="tps">恭喜您成为我校正式学员</view>
		<view class="addBox" v-if="addItem.adBannerDO" @click="$store.dispatch('addClick', addItem)">
			<view class="tag">推广</view>
			<image :src="addItem.adBannerDO.imgSource" mode="widthFix" @click="$store.dispatch('addClick', addItem)"></image>
		</view>
		<view class="footBtn" @click="goSwitchTab">
			<view class="btn">前往学习</view>
		</view>
	</view>
</template>

<script>
	import addConfig from '@/common/js/addConfig.js'
	export default {
		data() {
			return {
				addItem: {}
			}
		},
		onLoad() {
			this.addItemFn()
		},
		methods: {
			async addItemFn() {
				await this.$store.dispatch('addPageFn')
				this.addItem = await this.$store.dispatch('getCurrentAdd', addConfig.payMoneySuccess)
				console.log('广告呢')
				console.log(this.addItem)
			},
			goSwitchTab() {
				uni.switchTab({
					url: '/pages/tabbar/learnDrive/learnDrive'
				})
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		height: 100vh;
		background: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		padding: 0 32rpx;
	  .iconImg {
		  margin: 100rpx 0 20rpx 0;
	    image {
			display: block;
			width: 180rpx;
			height: 180rpx;
	    }
	  }
	
	  .h1 {
			font-size: 36rpx;
			color: #222222;
			font-weight: 600;
	  }
	
	  .tps {
		font-size: 30rpx;
		color: #222222;
		margin: 12rpx 0 64rpx 0;
	  }
	
	
	  .footBtn {
		  position: absolute;
		  left: 0;
		  bottom: 56rpx;
		  padding: 0 32rpx;
		  width: 100vw;
	    .btn {
			height: 92rpx;
			background: linear-gradient(180deg, #3593FB 0%, #53D3E5 100%);
			border-radius: 20rpx;
			font-size: 30rpx;
			color: #fff;
			line-height: 92rpx;
			text-align: center;
	    }
	  }
	}
	
</style>