MorJS 不同的樣式隔離支持

2024-01-19 14:36 更新

如遇到轉(zhuǎn)端編譯后的產(chǎn)物在不同小程序端樣式紊亂,可能是微信和支付寶對樣式隔離的支持和默認值不同導致的。

  • 微信支持 6 種樣式隔離的配置方式,默認值為:isolated,這代表默認情況下自定義組件間的樣式互不影響;
  • 支付寶支持 2 種樣式隔離的配置方式,默認值為:shared,代表默認情況下支付寶小程序組件和頁面的樣式是相互影響的,容易造成樣式?jīng)_突;

推薦開發(fā)者在最初開發(fā)時針對不同的頁面模塊使用不同的 class 命名處理樣式隔離,對于已有的小程序工程,在基于支付寶基礎(chǔ)庫 2.7.2 及以上版本時,可以嘗試在自定義組件的 JSON 文件中配置 "styleIsolation": "apply-shared",避免頁面的樣式影響到外部。

參考文檔:《微信樣式隔離》 《支付寶樣式隔離》

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號