自定义组件并开启 mergeVirtualHostAttributes
:ture
<br>并所有子组件使用virtualHost
export default {
options: {virtualHost: true}
}
页面 -- 合并custom 生效
<child class="custom"/>
.custom {
color: red
}
子组件 child -- 合并l-toast__icon--row 样式并未生效
<view>
<sub-child class="l-toast__icon--row" />
</view>
.l-toast__icon--row{
color: blue
}
子子组件 sub-child
<view>test</view>
1 个回复
DCloud_UNI_GSQ
猜测成因:默认组件间样式是styleIsolation: 'apply-shared',仅页面样式能影响组件,组件之间互相不影响
后续会考虑一下方案