我們使用如下 url 訪問 SAP 電商云 Spartacus UI 產品搜索頁面：

http://localhost:4000/electronics-spa/en/USD/search/sony

結果可以分為兩大部分：

(1) 左邊的 ProductLeftRefinements

以及右邊的：SearchResultsListSlot

本文介紹左邊的 ProductLeftRefinements 區域內的設計。

入口 Component 的 selector 是：cx-product-facet-navigation

這個 Component 分為三部分，我們重點學習第三部分：cx-facet-list.

所在的 project 為 storefrontlib.

在 SSR 返回的結果里，cx-facet-list 的節點明明有值：

但為什么在客戶端執行的時候，這個節點又重新渲染一次了？

注意，此時的 cx-facet-list 是空的：

這個重新渲染的現象，可能和這篇文章描述的場景有關：在服務器端渲染完畢的 Angular Component，在客戶端還會重新渲染一次嗎？。

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

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI 产品搜索结果的设计明细的全部內容，希望文章能夠幫你解決所遇到的問題。

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