欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

logo竹子建站
應(yīng)用頁面的更多自定義使用方法
2024-06-17 15:03:59
我們在日常應(yīng)用中,可能會(huì)遇到稍微復(fù)雜的列表或詳情布局樣式的情況,我們就需要使用到一些其他組件來配合做布局及內(nèi)容展示。比如需要做出以下樣式:
列表中包含標(biāo)題、標(biāo)簽、行業(yè)、套餐、周期、介紹、按鈕、圖片。
這種我們就需要使用到循環(huán)組件來完成我們樣式上的自定義和內(nèi)容數(shù)據(jù)的綁定。
在編輯網(wǎng)站頁面內(nèi)容的時(shí)候,我們需要堅(jiān)持一個(gè)做法:需要顯示什么內(nèi)容,就添加什么組件。
需要顯示視頻,就加視頻組件;需要按鈕,就加按鈕組件;需要圖片就加圖片組件。
當(dāng)前樣式區(qū)別于默認(rèn)模板樣式,多出了一些內(nèi)容顯示:標(biāo)簽、周期、套餐、按鈕等。所以我們在開始做之前,需要將模板中沒有的這些字段,都加上。
 
添加字段操作如下:
第一步:展開站點(diǎn)管理,進(jìn)入應(yīng)用管理;
第二步:選擇對應(yīng)應(yīng)用,進(jìn)入數(shù)據(jù)表管理;
第三步:點(diǎn)擊字段管理,新增字段;
第四步:設(shè)置字段名稱及字段類型;
 
內(nèi)容字段添加完成之后,我們就需要去設(shè)計(jì)頁面中內(nèi)容的布局排版樣式了。
 
示例中,我們可以對這個(gè)顯示布局做分析,分為了左右兩塊內(nèi)容,右側(cè)是多個(gè)文本、按鈕、標(biāo)簽內(nèi)容,右邊是圖片內(nèi)容。所以我們只需要在頁面中添加內(nèi)容的時(shí)候,按照這個(gè)布局去添加組件即可。
 
 
需要做出視頻中示例樣式,具體操作方式如下:
第一步:將當(dāng)前內(nèi)容框架定性:添加循環(huán)組件,設(shè)置排列方式,一行一個(gè);
第二步:將內(nèi)容左右分欄:在循環(huán)組件中,添加容器組件,兩欄容器;
第三步:容器組件中添加內(nèi)容組件。左側(cè)容器添加多個(gè)文本組件、標(biāo)簽組件、按鈕組件;右側(cè)容器中添加圖片組件。
第三步:給循環(huán)組件綁定應(yīng)用數(shù)據(jù)
第四步:給內(nèi)容組件(按鈕、文本、圖片)綁定循環(huán)數(shù)據(jù)。
 
操作視頻:
 
最后,在循環(huán)組件【樣式】中,開啟輪播效果即可完成。