当前位置:   article > 正文

UNI-APP 自定义组件中引入uni-ui的扩展组件无法修改其样式_uniapp 给自定义组件添加class无效果

uniapp 给自定义组件添加class无效果

用chatgpt生成了一个自定义组件,在自定义组件中引入了uni-ui扩展组件uni-data-picker,但是我用deep去修改uni-data-picker的时候无效,解决步骤如下:

1.在自定义组件script标签中data平级的地方添加如下语句:

       options: {
            styleIsolation: 'shared'
        },

        

 2.在uni-ui扩展组件uni-data-picker上加一个class,以下是我修改后的代码(重要/不加class直接使用deep去修改是无法生效的

        

 

 

 以下是我自己的理解:

        给uni-data-picker上加一个class,相当于给这个标签命了一个名,有个这个名字文件编译时才能找到它并替我们去修改它。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/672731
推荐阅读