广告

RuoYi-App/components/ad-platform.vue

@@ -0,0 +1,19 @@
+<!-- 组件：/components/ad-platform.vue -->
+<template>
+  <!-- 微信小程序广告 -->
+  <ad v-if="platform==='wechat' && !isVIP" ad-type="video" unit-id="..."></ad>
+  
+  <!-- 抖音小程序广告 -->
+  <ad-douyin v-else-if="platform==='douyin' && !isVIP" :unit-id="..."></ad-douyin>
+  
+  <!-- H5广告 -->
+  <div v-else-if="platform==='h5' && !isVIP">
+    <iframe :src="dcloudAdUrl"></iframe>
+  </div>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

RuoYi-App/pages/reader/AdTrigger.vue

@@ -0,0 +1,64 @@
+<template>
+  <!-- 底部信息流广告 -->
+  <ad v-if="showBottomAd" :unit-id="adConfig.adUnitId" ad-type="feed"></ad>
+  
+  <!-- 激励视频弹窗 -->
+  <view v-if="showRewardAd">
+    <video-ad :unit-id="adConfig.adUnitId" @close="onAdClose"></video-ad>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    chapterId: Number,
+    isVip: Boolean
+  },
+  data() {
+    return {
+      adConfig: {},
+      showBottomAd: false,
+      showRewardAd: false,
+      chapterCount: 0
+    }
+  },
+  watch: {
+    chapterId() {
+      this.loadAdConfig();
+      this.chapterCount++;
+      
+      // 每5章触发激励广告
+      if (!this.isVip && this.chapterCount % 5 === 0) {
+        this.triggerRewardAd();
+      }
+    }
+  },
+  methods: {
+    async loadAdConfig() {
+      // 获取广告配置
+      const res = await this.$http.get(`/ad/config/${this.chapterId}`);
+      this.adConfig = res.data;
+      
+      // 展示底部广告（非VIP）
+      this.showBottomAd = !this.isVip && this.adConfig.bottomAdEnabled;
+    },
+    
+    triggerRewardAd() {
+      if (!this.isVip && this.adConfig.rewardAdEnabled) {
+        this.showRewardAd = true;
+        
+        // 发送广告计数
+        this.$http.post('/ad/count', {
+          userId: this.$store.state.user.id,
+          chapterId: this.chapterId,
+          platform: this.$platform
+        });
+      }
+    },
+    
+    onAdClose() {
+      this.showRewardAd = false;
+    }
+  }
+}
+</script>

RuoYi-App/pages/reader/reader.vue

@@ -0,0 +1,40 @@
+<template>
+</template>
+
+<script>
+// 文件：/pages/reader/reader.vue
+export default {
+  data() {
+    return {
+      isVIP: false,
+      chapterCount: 0
+    }
+  },
+  methods: {
+    // 翻页触发广告
+    onPageTurn() {
+      this.chapterCount++;
+      if (!this.isVIP && this.chapterCount % 5 === 0) {
+        this.showRewardAd(); // 每5章触发激励视频
+      }
+    },
+    // 平台广告过滤
+    showRewardAd() {
+      // #ifdef MP-WEIXIN
+      wx.createRewardedVideoAd({ adUnitId: '微信广告ID' }).show()
+      // #endif
+      
+      // #ifdef MP-DOUYIN
+      tt.showRewardedVideoAd({ adUnitId: '抖音广告ID' })
+      // #endif
+      
+      // #ifdef H5
+      this.$refs.h5Ad.show() // H5专用广告组件
+      // #endif
+    }
+  }
+}
+</script>
+
+<style>
+</style>