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.
97 lines
1.9 KiB
97 lines
1.9 KiB
<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>
|