通過(guò)學(xué)習(xí)路線(xiàn)圖,零基礎(chǔ)學(xué)習(xí)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)、小程序UI設(shè)計(jì)技巧,成就網(wǎng)頁(yè)設(shè)計(jì)高手。
列表與網(wǎng)格組件功能相同,都是動(dòng)態(tài)應(yīng)用,每個(gè)列表項(xiàng)與后臺(tái)動(dòng)態(tài)內(nèi)容綁定,只需要對(duì)第一個(gè)單元格添加內(nèi)容、樣式、數(shù)據(jù)綁定,其他的會(huì)自動(dòng)生成綁定。這節(jié)我們將重點(diǎn)介紹這個(gè)組件的基本用法及具體功能。
列表可以綁定文章的封面、說(shuō)明等,點(diǎn)擊每一項(xiàng)后能跳轉(zhuǎn)打開(kāi)對(duì)應(yīng)文章詳情頁(yè)。
首先點(diǎn)擊網(wǎng)格列表來(lái)到元素設(shè)定面板
1.列設(shè)定
可以通過(guò)列設(shè)定快速的完成網(wǎng)格列表布局。
.
2.動(dòng)態(tài)列表設(shè)定
可以設(shè)置要?jiǎng)討B(tài)顯示的數(shù)量及是否分頁(yè)顯示。
3.內(nèi)容屬性模版
這里可設(shè)置綁定的類(lèi)型,和CMS內(nèi)容的屬性相對(duì)應(yīng),比如綁定類(lèi)型為文章,CMS1.0只能綁定文章類(lèi)型。
將文章的結(jié)構(gòu)和網(wǎng)格列表的元素一一綁定,
左邊紅框?qū)?yīng)網(wǎng)格結(jié)構(gòu)
右邊黃框?qū)?yīng)CMS文章結(jié)構(gòu)。
點(diǎn)擊黃框的下拉列表選擇對(duì)應(yīng)的類(lèi)型即可將該文章綁定給網(wǎng)格列表。
4.添加內(nèi)容源
內(nèi)容源就是CMS1.0內(nèi)的文章,點(diǎn)擊可選擇你預(yù)先在工作臺(tái)CMS設(shè)定的文章分類(lèi)。
右側(cè)?按鈕可跳轉(zhuǎn)到CMS管理,刷新按鈕可刷新CMS文章。
選擇對(duì)應(yīng)的分類(lèi)。
5.內(nèi)容模版
內(nèi)容模版是一個(gè)新的頁(yè)面。主要用來(lái)展示文章正文部分的頁(yè)面
新建一個(gè)空白頁(yè)面來(lái)展示文章詳情頁(yè)。
在空白頁(yè)里插入內(nèi)容模版。如插入預(yù)設(shè)模塊已有的內(nèi)容模版模塊。
這時(shí),在綁定內(nèi)容模版選項(xiàng)里會(huì)出現(xiàn)剛才建立的頁(yè)面,
選擇后即可完成點(diǎn)擊網(wǎng)格列表跳轉(zhuǎn)文章詳情頁(yè)的設(shè)定。
意派-Coolsite360 | 網(wǎng)頁(yè)設(shè)計(jì)工具
意派Coolsite360-響應(yīng)式網(wǎng)站_自助建站_微信小程序 設(shè)計(jì)制作工具意派-Epub360 | H5頁(yè)面制作工具
意派?Epub360-專(zhuān)業(yè)H5頁(yè)面在線(xiàn)設(shè)計(jì)制作工具,H5微信邀請(qǐng)函制作軟件