uni-app app端信息流广告会遮挡其他组件且创建了无法通过父组件隐藏其他小程序正常

uni-app app端信息流广告会遮挡其他组件且创建了无法通过父组件隐藏其他小程序正常

8 回复

HBuilderX 4.52.2025020807-alpha 已修复。

更多关于uni-app app端信息流广告会遮挡其他组件且创建了无法通过父组件隐藏其他小程序正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


HBuilderX 4.52.2025020807-alpha 可以控制关闭，还是会遮挡，还有就是这个alpha版本可以打包上传吗，会不会影响上线项目

vue页面存在 信息流广告(banner) 层级过高问题

避免使用页面局部滚动，使用页面滚动
避免使用fixed定位
使用 nvue 页面替代，没有层级问题 无法通过父组件隐藏，能否提供个简单示例（上传附件）

我私信发给你了，麻烦看下，谢谢你

无法通过v-if隐藏的问题复现了，临时解决方案：先控制isShowad，再通过$nextTick延迟控制isShow <view v-if="isShow" style="border: red solid 1px;width: 750rpx;">
<view>我是弹框</view>
<view>
<ad v-if=“isShowad” adpid=“1111111111” @load=“adLoad” @error=“adError”></ad>
</view>
</view>

还是不行

回复 4***@qq.com: 预计今天发布alpha版本，包含此问题的修复

在uni-app中，App端信息流广告遮挡其他组件的问题通常是由于广告层级(z-index)过高导致的。建议通过以下方式解决：

  1. 检查广告组件的style属性，确保z-index值合理（不要设置过高值）
  2. 使用cover-view组件包裹需要显示在广告上方的元素
  3. 动态控制广告显示时，确保正确操作父组件状态

对于无法通过父组件隐藏的问题：

  1. 检查广告组件是否使用了v-if而非v-show
  2. 确认父子组件通信方式是否正确（props/emit）
  3. 小程序端正常而App端异常时，检查平台条件编译代码

示例代码：

<template>
  <view>
    <ad v-if="showAd"></ad>
    <cover-view class="overlay-content" v-if="showOverlay"></cover-view>
  </view>
</template>
回到顶部