想得美
想得美
  • 发布:2020-05-18 14:22
  • 更新:2022-10-15 14:31
  • 阅读:3900

【报Bug】video组件不能设置圆角

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.6.1

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: honor v30 pro

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

<video :src="item.src" :controls="false" :loop="true" :show-center-play-btn="false" class="video"></video>


        border-radius: 10px;  
        /* overflow: hidden; */  
    }```

预期结果:

可以设置圆角

实际结果:

没有圆角

bug描述:

video组件设置圆角无效

2020-05-18 14:22 负责人:DCloud_App_Array 分享
已邀请:
爱吃鱼的靖哥哥

爱吃鱼的靖哥哥 - 行走在全栈路上的码农

ios的也不行吧,这个video好像一直不能设置圆角

DCloud

DCloud

vue页面中原生组件都不支持圆角,因为原生组件层级最高,原生组件自身并没有支持radius。

  • 爱吃鱼的靖哥哥

    但是看到好多App里的视频播放器都是圆角的,不知道是用的什么技术。原生开发也不能设置圆角吗?

    2020-05-20 16:31

DCloud_iOS_XHY

DCloud_iOS_XHY

iOS nvue的组件是支持圆角的,还需要设置 overflow: hidden; 才会生效;Android 端原生组件自身限制,暂时不支持圆角

1***@qq.com

1***@qq.com

多久能支持圆角啊

申城法斗

申城法斗 - 申城法斗

我是用cover-image或者cover-view写四个圆角定位覆盖在video组件上,形成视觉圆角的

  • 5***@qq.com

    怎么写的凹圆角啊

    2022-01-06 15:31

  • 1***@163.com

    同问!

    2022-04-21 15:41

  • 申城法斗

    回复 1***@163.com: 原理一样的,cover-view写css凹圆角盖上去,或者切凹圆角的图cover-image盖上去,形成视觉凹圆角

    2022-04-21 16:43

FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

要回复问题请先登录注册