SAP Spartacus的Responsive和adaptive特性
官網(wǎng)鏈接
The SAP Commerce back end supports multi-site implementations, and can be configured to have different content (catalogs) for different sites.
Commerce后臺(tái)支持多site實(shí)現(xiàn),不同的site可以配置不同的content catalog.
每個(gè)breakpoint可以配置不同的slots.
下圖的例子是為extra-small這個(gè)breakpoint定義的layout配置:
const defaultLayoutConfig: LayoutConfig = {header: {slots: ['FirstSlot','SecondSlot','LastSlot'],xs: ['LastSlot','FirstSlot']} };響應(yīng)式設(shè)計(jì)()和自適應(yīng)設(shè)計(jì),是web應(yīng)用的用戶體驗(yàn)領(lǐng)域兩個(gè)容易混淆的概念,因?yàn)槎叨际菫榱私鉀Q網(wǎng)頁(yè)在不同屏幕尺寸的設(shè)備上展示的問(wèn)題。從編程角度講,響應(yīng)式設(shè)計(jì)通過(guò)各宗前端技術(shù),為頁(yè)面元素賦予根據(jù)屏幕分辨率的變化而自動(dòng)調(diào)試顯示行為以達(dá)到最佳顯示效果的能力,例如Spartacus里的列表控件,隨著屏幕寬度的減小,顯示的列表欄的數(shù)目也隨之減少。而自適應(yīng)設(shè)計(jì),即為不同類別的設(shè)備分別實(shí)現(xiàn)不同的頁(yè)面,檢測(cè)到設(shè)備分辨率后調(diào)用對(duì)應(yīng)的網(wǎng)頁(yè)。Spartacus的頁(yè)面設(shè)計(jì)絕大部分是響應(yīng)式布局,但也支持自適應(yīng)布局的特性。Commerce的CMS模塊將Storefront UI按照功能上的邏輯相關(guān)性劃分成不同的區(qū)域,而Spartacus可以允許使用者根據(jù)不同的屏幕尺寸,配置在該尺寸下,不同的區(qū)域內(nèi)應(yīng)該顯示哪一些UI Component.
總結(jié)
以上是生活随笔為你收集整理的SAP Spartacus的Responsive和adaptive特性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Gateway currency con
- 下一篇: 商汤科技推出大模型体系“日日新”:支持语