组件样式隔离
1 人关注该话题
一个Vue页面中使用了引用了两个不同的组件。样式互相冲突 组件样式隔离 uniapp
蔡cai 2025-01-09 09:11 回复问题 • 2 人关注 • 2 个回复 • 98 次浏览
Uniapp中如何设置微信小程序自定义组件的options.styleIsolation？（为了能修改自定义组件样式） 微信小程序 组件样式隔离
Georgeline 2023-06-15 15:50 回复问题 • 11 人关注 • 8 个回复 • 15552 次浏览
样式赋值得时候 ，第二遍会没赋值上去-webkit-mask-size:100% 组件样式隔离
缄默小宝 2022-12-08 16:34 发起问题 • 1 人关注 • 0 个回复 • 386 次浏览
pages页面的样式编译 在App和H5之间存在差异 组件样式隔离
林逸舟 2022-02-14 10:53 回复问题 • 2 人关注 • 2 个回复 • 316 次浏览
【报Bug】uniapp中的 wxcomponents 的样式无法隔离？ bug反馈 组件样式隔离 微信小程序
DCloud_UNI_LXH 2021-01-30 15:47 回复问题 • 1 人关注 • 1 个回复 • 1268 次浏览
uniapp微信小程序怎样修改子组件css样式 组件样式隔离 微信小程序
DCloud_UNI_LXH 2021-01-30 15:47 回复问题 • 5 人关注 • 5 个回复 • 8642 次浏览
1. 页面样式可穿透组件，如 .box
2. 页面使用 important 可覆盖组件样式
3. 父组件不能穿透子组件
4. 父组件设置 options.styleIsolation 可穿透子组件，以及页面
```javascript
exp... 显示全部 »
1. 页面样式可穿透组件，如 .box
2. 页面使用 important 可覆盖组件样式
3. 父组件不能穿透子组件
4. 父组件设置 options.styleIsolation 可穿透子组件，以及页面
```javascript
export default {
options: { styleIsolation: 'shared' }
}
```
# 附测试截图：
1. 页面样式可穿透组件
** 插入的附件 **
2. 页面使用 important 可覆盖组件样式
** 插入的附件 **
3. 父组件不能穿透子组件
** 插入的附件 **
4. 父组件设置 options.styleIsolation 可穿透子组件，以及页面
** 插入的附件 **
详见https://uniapp.dcloud.net.cn/collocation/manifest.html#mp-weixin
详见https://uniapp.dcloud.net.cn/collocation/manifest.html#mp-weixin
