添加options: { styleIsolation: 'shared' },然后再使用深度选择器(::v-deep)就可以了,如下图所示
1. vue3必须使用 ::v-deep 2. 在App.vue 修改才能生效 3. 这里我修改的是 uni-data-picker 的样式,不能直接写::v-deep .input-arrow 会选不中,先选 uni-data-picker 外层。
原因:首先不论是自定义组件还是ui组件,本质上的原因都是微信小程序默认的组件隔离策略导致的。 微信小程序组件隔离文档参考 组件样式隔离 默认情况下,自定义组件的样式只受到自定义组件 wxss 的影响。除非以下两种情况: 指定特殊的样式隔离选项 styleIsolation
2 changes: 2 additions & 0 deletions 2 uni_modules/uni-list/changelog.md Original file line numberDiff line numberDiff line change @@ -1,3 +1,5 @@ ## 1.2.14(2023-04-14) - 优化uni-list-chat 具名插槽`header` 非app端套一层元素,方便使用时通过外层元素定位实现样式修改 ## 1.2.13(...