美文网首页
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