按照需求，我們需要在SAP Spartacus B2B 頁(yè)面的 List header 和Card header兩處，同時(shí)顯示info icon， 因此，有必要設(shè)計(jì)一個(gè)統(tǒng)一的icon style，然后在List header和Card header這兩處，通過(guò)@extend語(yǔ)法直接引用 icon style:

這兩處的icon都共享同樣的css 樣式，定義在_list.scss文件里：

%organizationTitle {.title {h3 {button {border: none;background-color: inherit;cx-icon {pointer-events: none;color: var(--cx-color, var(--cx-color-info));}}}} }

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP Spartacus popover Component css 的重用设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。