結(jié)合實(shí)際業(yè)務(wù)場景和原子設(shè)計(jì)理論,將組件劃分為不同顆粒度:基礎(chǔ)組件、業(yè)務(wù)組件、典型頁面組件,以適用于不同研發(fā)場景使用。梳理具有業(yè)務(wù)特點(diǎn)的典型頁面,相比基礎(chǔ)組件和業(yè)務(wù)組件,典型頁面更加具體,為用戶提供具有代表性的內(nèi)容和框架,并準(zhǔn)確描述用戶最終看到的內(nèi)容。如列表和左樹右表典型頁面組件,作為最為常見的頁面結(jié)構(gòu),各業(yè)務(wù)場景可復(fù)用頁面組件,保證了頁面組件內(nèi)各基礎(chǔ)組件的一致性,最大程度的實(shí)現(xiàn)不同的產(chǎn)品線產(chǎn)品中頁面體驗(yàn)的一致性。