1***@qq.com
1***@qq.com
  • 发布:2024-12-31 16:58
  • 更新:2024-12-31 17:11
  • 阅读:31

子组件样式穿透在微信小程序端和H5端效果不一致

分类:uni-app


如图,我对 uni-popup 进行一层封装,默认.defaultClass在H5端有效,但是在小程序端dom class有 defaultClass 字样,但是 styles 里没有的。

如果想要在小程序上面生效,就要在最外面的页面vue文件的style里穿透才行,如图:

疑问:
1、为什么defaultClass在H5端有效,在小程序端无效?
2、我的目的是common-modal封装uni-popup,让弹窗的内容是圆角,但现在要在父页面写穿透样式的话,我封装的带圆角弹窗组件就不能通用了,有其他方式实现?

2024-12-31 16:58 负责人:无 分享
已邀请:
朱小

朱小

去掉scope试试

  • 1***@qq.com (作者)

    试过了没有用。刚刚找到问题所在了,是因为小程序的样式隔离导致,

    在封装的组件中设置样式隔离为shared,让其影响uni-popup,这样封装的组件的defaultClass就生效了

    <script>

    export default {

    options: {

    styleIsolation: 'shared'

    }

    }

    </script>

    2024-12-31 17:15

要回复问题请先登录注册