想要在nvue页面中让video组件有圆角，但是试了border-radius: 50rpx; 以及用外层view包裹（view层圆角），这两种方案都不行。
有官方大佬知道如何实现圆角效果？
maple
- 发布：2021-09-07 19:56
- 更新：2023-06-06 10:57
- 阅读：1678
第一，你可以设置外部view为圆角，然后超出时裁剪overflow: hidden;试试。不过该方案我认为，可能只有在nvue中才生效。
第二，可以试试分别用四个元素，固定在video的左右上下。元层级需要比video高。元素可以为圆角图片等
maple (作者)
有官方大佬知道吗？video组件如何有圆角？
-
video 也是个组件是吧，既然是组件，那就可以嵌套，video 外面包裹一个div，video 放在这个div里面，设置div 的圆角，video 呈现的就会有圆角的，当然，这个方法只能在nvue里行的通
2021-09-17 14:23
maple (作者)
我试了其他品牌一些手机也不行。而且我试了一个div里面嵌套另外一个div，外层div设置圆角，里面的div设置直角，在nvue页面居然没有把里面的div给遮挡成圆角，这个现象说明应该所有的nvue页面中的外层圆角都不起效果（即不能够把子元素也遮挡为圆角）
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
原生组件设置圆角、支持video、map、webview等等：https://ext.dcloud.net.cn/plugin?id=9769
maple (作者)
第1个方案试了，overflow: hidden;不起作用
第2个方案适用于页面背景是纯单色，对于页面背景是图片的不适用。
2021-09-18 18:47
2***@qq.com
回复 maple: nvue页面的ios支持圆角。安卓不支持。不过背景是图片的，很少见吧，你的业务挺独特的
2021-09-18 20:06