【新版編輯器】動(dòng)態(tài)分類2.0教程 二維碼
發(fā)表時(shí)間:2019-08-28 15:46 一、動(dòng)態(tài)分類定義 “動(dòng)態(tài)分類”組件可以展示基礎(chǔ)、到店、應(yīng)用數(shù)據(jù)等信息,與其他組件不同的是,它有多種展示樣式可供選擇。
動(dòng)態(tài)分類2.0的主要改版在于相比1.0版本優(yōu)化并新增了各類分類樣式,此外對(duì)橫版的分類新增了頂部懸停的功能,具體功能設(shè)置見詳細(xì)介紹。 (注:本教程僅對(duì)新增的樣式功能展開介紹,具體動(dòng)態(tài)分類的添加,設(shè)置,綁定等基礎(chǔ)操作見動(dòng)態(tài)分類1.0教程,請(qǐng)先掌握動(dòng)態(tài)分類的使用方法后再看此教程) 動(dòng)態(tài)分類1.0教程:http://bbs.zhichiwangluo.com/thread-18152-1-1.html 三、一級(jí)橫版 (1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加一級(jí)橫版動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源,添加相關(guān)組件并進(jìn)行綁定設(shè)置。 (2)分類樣式選擇,選中第三種分類樣式時(shí),可選擇展開分類的圖標(biāo)種類,也可自行上傳圖片作為圖標(biāo)。 (3)對(duì)選中狀態(tài)的分類進(jìn)行設(shè)置,此次改版可設(shè)置不同的文字選中樣式,以及選中狀態(tài)下方的下劃線長(zhǎng)度。 (4)可開啟分類欄頂部懸停,開啟后在小程序端當(dāng)用戶上滑頁(yè)面時(shí),分類欄將在頁(yè)面頂部區(qū)域懸停(注:一個(gè)頁(yè)面只能對(duì)一個(gè)橫版分類設(shè)置頂部懸停) 小程序端:
(1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加二級(jí)橫版動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源,添加相關(guān)組件并進(jìn)行綁定設(shè)置。 (2)分類樣式選擇,此次改版在原先基礎(chǔ)上新增了一個(gè)二級(jí)分類樣式,該分類樣式為標(biāo)簽形式,可設(shè)置展開后每行分類標(biāo)簽的列數(shù),做多設(shè)置為一行5列 小程序端: (3)二級(jí)橫版同樣可開啟分類欄頂部懸停,開啟后在小程序端當(dāng)用戶上滑頁(yè)面時(shí),分類欄將在頁(yè)面頂部區(qū)域懸停(注:一個(gè)頁(yè)面只能對(duì)一個(gè)橫版分類設(shè)置頂部懸停)
(1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加二級(jí)橫版動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源,添加相關(guān)組件并進(jìn)行綁定設(shè)置。 (2)一級(jí)豎版新增了圖片宣傳位和分類圖標(biāo)的展示功能,可在編輯器端進(jìn)行開啟。開啟分類圖標(biāo)后,可設(shè)置分類圖標(biāo)展示在分類名稱左側(cè)或右側(cè);開啟宣傳位后,可自定義上傳圖片。 (3)在開啟了分類圖標(biāo)和宣傳位后,可進(jìn)入組件樣式對(duì)樣式尺寸和圓角進(jìn)行設(shè)置
(1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加二級(jí)豎版動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源,添加相關(guān)組件并進(jìn)行綁定設(shè)置。 (2)分類樣式選擇,此次改版在原先基礎(chǔ)上新增了一個(gè)二級(jí)分類樣式,該分類樣式為滑動(dòng)展示的樣式,包括有圖標(biāo)和無(wú)圖標(biāo)兩種,見小程序端展示。 (3)組件樣式設(shè)置。選擇第二種二級(jí)分類樣式后,在組件樣式中會(huì)出現(xiàn)“二級(jí)分類設(shè)置”區(qū)域,分別對(duì)個(gè)選項(xiàng)進(jìn)行設(shè)置。 小程序端樣式展示: (4)二級(jí)豎版同樣新增了圖片宣傳位和分類圖標(biāo)的展示功能,可在編輯器端進(jìn)行開啟。開啟分類圖標(biāo)后,可設(shè)置分類圖標(biāo)展示在分類名稱左側(cè)或右側(cè);開啟宣傳位后,可自定義上傳圖片。 (5)在開啟了分類圖標(biāo)和宣傳位后,可進(jìn)入組件樣式對(duì)樣式尺寸和圓角進(jìn)行設(shè)置
(1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加一級(jí)大圖動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源。 (2)本次一級(jí)大圖的改版在于增加了搜索功能,根據(jù)所綁定的數(shù)據(jù)來源進(jìn)行搜索。此外,增加了“全部”類,點(diǎn)擊全部類展示所有數(shù)據(jù)(注:開啟“全部”類需設(shè)置全部類的圖標(biāo),可選默認(rèn)圖標(biāo)也可自行上傳)
(1)進(jìn)入【編輯頁(yè)面】-【組件庫(kù)】-【布局】-【動(dòng)態(tài)分類】,添加二級(jí)大圖動(dòng)態(tài)分類組件,選擇數(shù)據(jù)來源。 (2)選擇是否通過滑動(dòng)頁(yè)面切換分類。開啟后,在小程序端,分類能通過上下滑動(dòng)頁(yè)面進(jìn)行切換,關(guān)閉后只能通過點(diǎn)擊一級(jí)分類進(jìn)行切換。 小程序端樣式展示: (3)二級(jí)大圖同樣增加了搜索功能,根據(jù)所綁定的數(shù)據(jù)來源進(jìn)行搜索。此外,增加圖片宣傳位和分類圖標(biāo)的展示功能,可在編輯器端進(jìn)行開啟。開啟分類圖標(biāo)后,可設(shè)置分類圖標(biāo)展示在分類名稱左側(cè)或右側(cè);開啟宣傳位后,可自定義上傳圖片。 (4)在開啟了分類圖標(biāo)和宣傳位后,可進(jìn)入組件樣式對(duì)樣式尺寸和圓角進(jìn)行設(shè)置 圖片32.png |