父子組件樣式默認(rèn)隔離
1?? 將styleIsolation 設(shè)置為 apply-shared 或 shared
Component({
options: {
styleIsolation: 'isolated'
// 默認(rèn)值 isolated(啟動(dòng)隔離)翰撑、
// apply-shared(頁(yè)面 wxss 樣式將影響到自定義組件罩旋,但自定義組件 wxss 中指定的樣式不會(huì)影響頁(yè)面) 、
// shared(wxss 樣式將影響到自定義組件眶诈,自定義組件 wxss 中指定的樣式也會(huì)影響頁(yè)面和其他設(shè)置了 apply-shared 或 shared 的自定義組件)涨醋、
}
})
2?? 通過(guò) 外部樣式 externalClasses 傳入組件
// 父組件 wxml 傳入
<custom-component my-class="large-text" />
// 子組件 js externalClasses 接收
Component({
externalClasses: ['my-class']
})
3?? 子組件的wxss重新引入樣式文件