uni-popup 圆角不生效

5,804 阅读1分钟

uni-popup 圆角不生效原因:

由于uni-popup组件自身默认宽高是内部元素撑起的,如果给uni-app设置背景颜色后,uni-app弹出层里面的内容圆角是不生效的,因为固定宽高+背景颜色可以遮挡内部实现效果。

解决方案:去掉uni-app弹出层自身的背景颜色,内部的样式排版全靠内部盒子修饰就解决了这个问题了。

其他问题原因:

由于给内盒子设置了固定宽高+背景颜色,进而影响到外盒子的圆角不能显示; 一旦给盒子设定宽高和背景颜色就会影响到圆角的实现;

解决方案:给外盒子加overflow:hidden;或 给内盒子加圆角;