該頁面分三部分組成。

其中藍色和綠色兩個區域的實現如下：兩個section標簽頁：

section是HTML標準的標簽之一，每個標簽通過h1到h6不等的heading標簽標識。

運行時渲染的HTML原生頁面：

這里用cx-org-card selector使用了名為CardComponent的可重用組件。該可重用組件的html，card.component.html內部，定義了可以動態注入內容的代碼如下：

一處是action：

另一處是main：

如果將section的main改成main1，則無法再與CardComponent html里的main selector匹配：

最后的輸出：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus Org Unit明细页面的设计原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。