uniapp 小程序自定义组件样式穿透问题

1.正在开发时发现自定义组件间样式发生穿透问题

 

 2.主需要引入下面代码可解决

export default {
  options: {
    //默认值 isolated(启动隔离)
    //apply-shared或(页面wxss样式将影响到自定义组件,但自定义组件wxss中指定的样式不会影响页面)
    //shared(wxss样式将影响到自定义组件,自定义组件wxss中指定的样式也会影响页面和其他设置了apply-shared或shared的自定义组件)
    styleIsolation: 'apply-shared',   }, }

效果:

 

posted @ 2022-10-28 11:47  时光独醒  阅读(484)  评论(0编辑  收藏  举报