午夜福利院在线观看免费,天堂最新版在线,色噜噜精品一区二区三区,无码一区二区三区中文字幕,丝袜美腿一区二区三区

aipage系統(tǒng)列表頁模板設計

系統(tǒng)列表頁模板是網站動態(tài)列表的默認展示效果,包含內置翻頁等功能,網站頁面中跳轉到任何一個分類都會展示其對應的列表展示效果,如圖示例:

aipage系統(tǒng)列表頁模板設計插圖

系統(tǒng)分類列表頁模板版塊與系統(tǒng)詳情版塊類似,包含內置版塊和自由設計兩種:

1 內置系統(tǒng)分類列表版塊

進入系統(tǒng)頁面 -> 文章/產品分類列表模板,系統(tǒng)文章產品公用內置分類版塊,主要結構為兩列布局,設置里支持是否開啟邊欄,樣式設置中支持對展示進行微調。新的分類列表版塊邊欄一般會展示站點所有分類,就的分類列表版塊模板一般是展示當前分類的一級分類的對應子類。

aipage系統(tǒng)列表頁模板設計插圖1

2 自由設計系統(tǒng)分類頁

如果要自由設計系統(tǒng)分類列表樣式,首先需要將版塊切換成空白自由設計系統(tǒng)分類版塊

aipage系統(tǒng)列表頁模板設計插圖2

拖拽想要的動態(tài)列表元素或者自由列表元素到頁面中,設置數據綁定為系統(tǒng)分類,選擇此分類后實際的分類頁面將自動綁定當前分類的列表數據。注意產品元素只能使用在產品分類列表中,自由列表元素則可以使用在任意數據類型中。

aipage系統(tǒng)列表頁模板設計插圖3

拖拽專有元素中的列表翻頁元素到動態(tài)列表下方,這里與普通版塊的設計區(qū)別是設計系統(tǒng)分類版塊時需要單獨拖拽專有的列表翻頁元素

aipage系統(tǒng)列表頁模板設計插圖4

這樣就完成了系統(tǒng)分類列表的簡單功能設計,一般還會需要設計自定義的邊欄菜單效果,例如拖拽垂直菜單綁定站點分類。

aipage系統(tǒng)列表頁模板設計插圖5

預覽后可以查看自定義設計系統(tǒng)列表的實際效果,結合其他元素的裝飾就可以設計更加豐富多樣的系統(tǒng)列表頁。

3 使用系統(tǒng)分類頁

導航菜單或者其他任意頁面的點擊跳轉處選擇點擊交互 -> 分類列表頁,選擇對應的分類就可以在點擊時自動跳轉到對應的列表中。

aipage系統(tǒng)列表頁模板設計插圖6

給TA打賞
共{{data.count}}人
人已打賞
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
QQ客服
  • QQ176363189 點擊這里給我發(fā)消息
旺旺客服
  • 速度網絡服務商 點這里給我發(fā)消息
電子郵箱
  • sudu@yunjiasu.cc
微信客服
  • suduwangluo