q***@163.com
q***@163.com
  • 发布:2024-07-15 19:03
  • 更新:2024-07-15 19:25
  • 阅读:170

【报Bug】沉浸视频广告组件(<ad-draw></ad-draw>)样式错乱,宽高没占满盒子

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

手机系统: Android

手机系统版本号: Android 10

手机厂商: 锤子

手机机型: 坚果pro3

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://www.wandoujia.com/apps/8393803

示例代码:
<view class="container" v-if="item.isDrawAd">  
    <ad-draw adpid="xxxxxx"  @load="onloada" @error="onerrora" :style="{width:'750rpx',height:vodHeight+'px'}"></ad-draw>  
</view>

操作步骤:

打开页面,刷短视频到第五个视频后面一个显示出广告

预期结果:

我预期的效果是占满整个盒子

实际结果:

样式是错乱的,宽度和高度没有占满整个盒子

bug描述:

详情页:我这边的逻辑是使用的nvue页面的list和cell组件,做了滑动刷视频的效果,然后这个广告是在穿插在视频里面的,比如滑动5个视频就显示一个广告,所以每五条数据我就渲染一个<ad-draw></ad-draw>组件,然后是通过一个数组对象的数据来控制的,每条数据里面都有一个isDrawAd参数,当这条数据的isDrawAd是true的时候我就让他显示广告

2024-07-15 19:03 负责人:无 分享
已邀请:
DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

提供下完整逻辑

  • q***@163.com (作者)

    完整的逻辑已经在上面的bug描述那里说的描述得清楚了,你是需要看代码吗?

    2024-07-16 12:10

  • q***@163.com (作者)

    具体的代码逻辑已经截图放在管理员可见附件那里

    2024-07-16 12:17

  • DCloud_UNI_Anne

    回复 q***@163.com: 未复现此问题,请提供一个最简单可复现示例,剔除无关的业务代码,上传到附件

    2024-07-19 17:25

要回复问题请先登录注册