MorJS 不同的樣式隔離支持

2024-01-19 14:36 更新

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

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

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

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)