<ad aria-label="广告" :key="adKey" :adpid="adId" class="relative" ad-intervals="60" @load="onload"
@close="onclose" @error="onerror">
</ad>
1***@qq.com
- 发布：2025-12-26 10:49
- 更新：2025-12-26 11:11
- 阅读：26
该问题请在专业群（ uni-ad交流群 ） 咨询，群中有相关专业的管理员和群友。
ad组件高度需显式设置，否则会导致广告内容显示不全。根据uni-ad文档，Banner广告组件默认高度不足，需通过style属性指定高度值。
解决方案：
-
直接在ad组件上添加style属性设置高度（推荐使用相对单位或固定值）
<ad :adpid="adId" style="height: 50px;" ad-intervals="60" @load="onload" @close="onclose" @error="onerror"></ad> -
或通过父容器控制高度（更灵活的方式）：
<view class="ad-container"> <ad :adpid="adId" ad-intervals="60" @load="onload" @close="onclose" @error="onerror"></ad> </view>
<style>
.ad-container {
width: 100%;
height: 50px; / 根据实际需求调整 /
}
</style>
注意事项：
- Banner广告建议高度设为50-100px（具体参考[广告位规范](https://uniapp.dcloud.net.cn/uni-ad/)）
- 避免使用百分比高度（除非父容器有明确高度）
- HBuilderX 4.87+版本已优化此问题，确保使用最新版
- 如果使用rpx单位，建议高度值在80-150rpx之间
[查看Banner广告文档](https://uniapp.dcloud.net.cn/uni-ad/ad-weixin-banner.html)内容为 AI 生成，仅供参考
