uview u-popup中使用/deep/无效

一、样式穿透

样式穿透的写法有三种:>>>、/deep/、::v-deep,先看一下是不是使用错了

不懂的可以看这篇

https://blog.csdn.net/weixin_45272449/article/details/123083687

  /deep/ .u-mode-center-box{
    background-color: transparent;
  }

二、修改子组件

如果样式穿透写得没错,看一下uview的版本,如果是1.x,很有可能就是组件本身的问题

uview u-popup中使用/deep/无效_第1张图片

找到u-popup的源码会发现,弹窗子组件使用了动态样式,导致无法通过穿透修改样式,这个时候只需要修改组件即可

uview u-popup中使用/deep/无效_第2张图片
uview u-popup中使用/deep/无效_第3张图片

这边我添加了bgColor,用来设置背景颜色

你可能感兴趣的:(uni-app,h5,前端,uni-app,uview-ui)