10.13下午跟新

pages/index/index.vue

@@ -317,6 +317,25 @@
       </view>
     </view>
   </up-overlay>
+  <view class="ad-container" v-if="adData.path && showAd">
+  	<!-- 广告图片 -->
+  	<image 
+  		class="ad-image" 
+  		:src="adData.path" 
+  		mode="aspectFill"
+  		@click="handleAdClick"
+  	></image>
+  	
+  	<!-- 右上角倒计时跳过按钮 -->
+  	<view class="skip-button" @click="skipAd">
+  		<text class="skip-text">跳过 {{countdown}}s</text>
+  	</view>
+  	
+  	<!-- 底部点击跳转按钮 -->
+  	<view class="bottom-button" v-if="adData.url" @click="handleAdClick">
+  		<text class="button-text">点击查看详情</text>
+  	</view>
+  </view>
 </template>
 
 <script setup lang="ts">
@@ -329,7 +348,7 @@ import {
   computed,
   onUnmounted,
 } from "vue";
-import { onShow, onLoad, onPageScroll } from "@dcloudio/uni-app";
+import { onShow, onLoad, onPageScroll} from "@dcloudio/uni-app";
 import CustomTabbar from "@/components/tabBar/tabBar.vue";
 import unidialog from "@/components/dialog/dialog.vue";
 import { autorun } from "mobx";
@@ -356,6 +375,18 @@ import {
   V2NIMLocalConversationForUI,
 } from "@/utils/im/nim";
 import { setTabUnread } from "@/utils/im/msg";
+	import my_api from '@/api/my_api.js'
+	const app = getApp()
+	// 广告数据
+	const adData = ref({
+		path: '',
+		url: ''
+	});
+	
+	// 倒计时
+	const countdown = ref(5);
+	const showAd=ref(true);
+	let timer = null;
 const expertDetail = reactive({});
 const hasConsult = ref(false);
 const hasMsg = ref(false);
@@ -391,6 +422,82 @@ const handleReadMsg = () => {
     comparePatient();
   }
 };
+const getStartpage = () => {
+		my_api.startpage().then(res => {
+			console.log('开屏广告数据:', res);
+			if (res && res.data) {
+				adData.value = {
+					path: docUrl + res.data.path || '',
+					url: res.data.url || ''
+				};
+				
+				// 如果有广告图片，开始倒计时
+				if (res.data.path) {
+					
+					startCountdown();
+					
+				} else {
+					// 没有广告，直接跳转到首页
+					navigateToHome();
+				}
+			} else {
+				// 接口返回异常，直接跳转到首页
+				navigateToHome();
+			}
+		}).catch(err => {
+			console.error('获取开屏广告失败:', err);
+			// 接口调用失败，直接跳转到首页
+			navigateToHome();
+		});
+	}
+	
+	// 开始倒计时
+	const startCountdown = () => {
+		timer = setInterval(() => {
+			countdown.value--;
+			if (countdown.value <= 0) {
+				clearInterval(timer);
+				if(app.globalData.plAd){
+					navigateToHome();
+				}
+			}
+		}, 1000);
+	}
+	
+	// 跳过广告
+	const skipAd = () => {
+		clearInterval(timer);
+		navigateToHome();
+	}
+	
+	// 点击广告
+	const handleAdClick = () => {
+		if (adData.value.url) {
+			// 有跳转链接，跳转到指定页面
+			uni.navigateTo({
+				url: '/pages/webview/webview?url=' + adData.value.url
+			});
+		} else {
+			// 没有跳转链接，直接跳转到首页
+			navigateToHome();
+		}
+	}
+	
+	// 跳转到首页
+	const navigateToHome = () => {
+		showAd.value=false;
+		app.globalData.plAd=false;
+		// uni.redirectTo({
+		// 	url: '/pages/index/index'
+		// });
+	}
+	
+	// 页面卸载时清理定时器
+	onUnmounted(() => {
+		if (timer) {
+			clearInterval(timer);
+		}
+	});
 const goCourseDetail=(item)=>{
   navTo({
     url: "/pages_course/course_detail/course_detail?id="+item.id,
@@ -1064,8 +1171,12 @@ onPageScroll((e) => {
 });
 
 // 页面加载
-onLoad(() => {
- 
+onLoad((options) => {
+  if(options.from == 'push'){
+    app.globalData.plAd=false;
+    showAd.value=false;
+  }
+  getStartpage();
   // 获取首页数据
   getHomeData();
   // 页面加载完成后测试tabbar功能
@@ -1078,6 +1189,8 @@ onShow(() => {
   if (conversationList.value?.length) {
     subscribeUserStatus(conversationList?.value);
   }
+ 
+  
   handleReadMsg();
   getUnReadList();
 });
@@ -1916,4 +2029,55 @@ defineExpose({
 :deep(.uni-searchbar__box) {
   height: 60rpx !important;
 }
+.ad-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+	background-color: #000;
+	z-index: 9999;
+}
+
+.ad-image {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+
+.skip-button {
+	position: absolute;
+	top: 60rpx;
+	right: 30rpx;
+	background-color: rgba(0, 0, 0, 0.6);
+	border-radius: 40rpx;
+	padding: 16rpx 24rpx;
+	z-index: 10000;
+}
+
+.skip-text {
+	color: #fff;
+	font-size: 28rpx;
+	font-weight: 500;
+}
+
+.bottom-button {
+	position: absolute;
+	bottom: 100rpx;
+	left: 50%;
+	transform: translateX(-50%);
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	border-radius: 50rpx;
+	padding: 24rpx 60rpx;
+	box-shadow: 0 8rpx 32rpx rgba(102, 126, 234, 0.3);
+	z-index: 10000;
+}
+
+.button-text {
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 600;
+}
+
 </style>