mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-06 17:18:40 +08:00
67 lines
1.4 KiB
Vue
67 lines
1.4 KiB
Vue
<template>
|
||
<page-wraper :use-wx-ad="false">
|
||
<div class="ad-completion-message">
|
||
<div class="message-title">感谢你愿意来观看广告！</div>
|
||
<div class="message-content">观看成功就已经成功为我助力！</div>
|
||
<div class="message-content">观看一次即可在24h内免除页面贴片和插屏广告！</div>
|
||
<view class="button-group">
|
||
<wd-button type="success" block @click="back">返回使用</wd-button>
|
||
<wd-button type="error" block @click="showAd">观看视频</wd-button>
|
||
</view>
|
||
</div>
|
||
</page-wraper>
|
||
</template>
|
||
<script setup lang="ts">
|
||
import { useRewardAd } from '@/store/useRewardAd'
|
||
import { onMounted } from 'vue'
|
||
const { createRewardVideoAd, showRewardAd } = useRewardAd()
|
||
|
||
onMounted(async () => {
|
||
createRewardVideoAd()
|
||
})
|
||
|
||
function back() {
|
||
uni.navigateBack()
|
||
}
|
||
|
||
function showAd() {
|
||
showRewardAd()
|
||
}
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.ad-completion-message {
|
||
text-align: center;
|
||
padding: 20px;
|
||
}
|
||
|
||
.message-title {
|
||
font-size: 24px;
|
||
color: #4caf50;
|
||
}
|
||
|
||
.message-content {
|
||
font-size: 16px;
|
||
margin: 16px 0;
|
||
}
|
||
|
||
.continue-button {
|
||
padding: 10px 20px;
|
||
font-size: 16px;
|
||
background-color: #007bff;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 5px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.continue-button:hover {
|
||
background-color: #0056b3;
|
||
}
|
||
|
||
.button-group {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
margin-top: 20px;
|
||
}
|
||
</style>
|