refactor: ♻️ 优化看广告的体验,避免进入就播放广告

This commit is contained in:
不如摸鱼去 2025-01-14 23:54:11 +08:00
parent 8e6096ab74
commit 981c8b4ea9
2 changed files with 3 additions and 7 deletions

View File

@ -29,7 +29,7 @@
<wd-button type="error" round @click="goToReward"> <wd-button type="error" round @click="goToReward">
<view style="display: flex; align-items: center"> <view style="display: flex; align-items: center">
<wd-icon name="thumb-up" size="22px"></wd-icon> <wd-icon name="thumb-up" size="22px"></wd-icon>
看视频广告24h内广告 看视频免广告
</view> </view>
</wd-button> </wd-button>
</wd-fab> </wd-fab>

View File

@ -3,25 +3,21 @@
<div class="ad-completion-message"> <div class="ad-completion-message">
<div class="message-title">感谢你愿意来观看广告</div> <div class="message-title">感谢你愿意来观看广告</div>
<div class="message-content">观看成功就已经成功为我助力</div> <div class="message-content">观看成功就已经成功为我助力</div>
<div class="message-content">观看一次即可免除24h内的页面贴片和插屏广告</div> <div class="message-content">观看一次即可在24h内免除页面贴片和插屏广告</div>
<view class="button-group"> <view class="button-group">
<wd-button type="success" block @click="back">返回使用</wd-button> <wd-button type="success" block @click="back">返回使用</wd-button>
<wd-button type="error" block @click="showAd">再次观看</wd-button> <wd-button type="error" block @click="showAd">观看视频</wd-button>
</view> </view>
</div> </div>
</page-wraper> </page-wraper>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { useRewardAd } from '@/store/useRewardAd' import { useRewardAd } from '@/store/useRewardAd'
import { pause } from '@/uni_modules/wot-design-uni/components/common/util'
import { onMounted } from 'vue' import { onMounted } from 'vue'
const { createRewardVideoAd, showRewardAd } = useRewardAd() const { createRewardVideoAd, showRewardAd } = useRewardAd()
onMounted(async () => { onMounted(async () => {
await pause()
createRewardVideoAd() createRewardVideoAd()
await pause()
showRewardAd()
}) })
function back() { function back() {