項(xiàng)目描述：
基于自適應(yīng)布局和響應(yīng)式布局，實(shí)現(xiàn)購物應(yīng)用在手機(jī)、折疊屏、平板不同屏幕尺寸設(shè)備上按不同設(shè)計(jì)顯示。通過三層工程結(jié)構(gòu)組織代碼，實(shí)現(xiàn)一次開發(fā)，多端部署。并完成電商項(xiàng)目的主要功能。
掌握能力：
一次開發(fā)，多端部署：一套代碼工程，一次開發(fā)上架，多端按需部署。支撐開發(fā)者快速高效的開發(fā)支持多種終端設(shè)備形態(tài)的應(yīng)用。
自適應(yīng)布局：當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)相對(duì)關(guān)系自動(dòng)變化以適應(yīng)外部容器變化的布局能力。相對(duì)關(guān)系如占比、固定寬高比、顯示優(yōu)先級(jí)等。當(dāng)前自適應(yīng)布局有 4 種：線性布局、層疊布局、彈性布局、相對(duì)布局。自適應(yīng)布局能力可以實(shí)現(xiàn)界面顯示隨外部容器大小連續(xù)變化。
響應(yīng)式布局：當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)斷點(diǎn)、柵格或特定的特征(如屏幕方向、窗口寬高等)自動(dòng)變化以適應(yīng)外部容器變化的布局能力。當(dāng)前響應(yīng)式布局能力有 2 種：媒體查詢、柵格布局。
GridRow：柵格容器組件，僅可以和柵格子組件(GridCol)在柵格布局場景中使用。
GridCol：柵格子組件，必須作為柵格容器組件(GridRow)的子組件使用。
京公網(wǎng)安備 11010802030320號(hào)