美文网首页
SAP 电商云 Spartacus UI 产品搜索结果的设计明细

SAP 电商云 Spartacus UI 产品搜索结果的设计明细

作者: 华山令狐冲 | 来源:发表于2022-01-18 16:32 被阅读0次

我们使用如下 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 产品搜索结果的设计明细

      本文链接:https://www.haomeiwen.com/subject/zryucrtx.html