关于 Mobile First 的概念，请查看我这篇文章：什么是前端开发中的 mobile first 策略.
下图是 SAP 电商云 Spartacus UI 的搜索结果页面：
其布局设计：template: SearchResultListPageTemplate
Section2 就是上图这块黑色的条幅。
ProductLeftRefinements：左边这块区域。
facet：
template 的定义：
对应的 css：
在 Chrome 开发者工具里将当前设备模拟成 mobile 之后，左边的 ProductLeftRefinements 就消失了：
在手机上，我们需要显式点 filter by，才能打开 facet：
更多Jerry的原创文章，尽在："汪子熙":
关于 Mobile First 的概念，请查看我这篇文章：什么是前端开发中的 mobile first 策略[ht...
SAP 电商云 Spartacus UI shipping method radio input 的运行时设计： ...
从前一篇文章SAP 电商云 Spartacus UI 的双重 layout 配置层设计[https://jerry...
本文研究如下图高亮所示的 SAP 电商云 Footer 区域的设计明细。 对应的 HTML markdup 入口：...
本文研究 SAP 电商云 Spartacus UI Product Category Navigation UI ...
下图是 SAP Spartacus 电商云 UI 的 breadcrumb Angular Cloud Porta...
原文[https://www.valantic.com/en/blog/sap-spartacus/] Spart...
SAP 电商云 Spartacus UI 里的 spare part 3D 模型展示，使用的控件来自 SAP UI...
Jerry 在加入 SAP 电商云 Spartacus 开发团队从零开始学习 Angular 时，对这款出身名门的...
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面： http://localho...
本文标题：Mobile first 设计思路在 SAP 电商云 Spart
本文链接：https://www.haomeiwen.com/subject/xbcrcrtx.html
网友评论