用頁(yè)面打造個(gè)性化長(zhǎng)圖
一站式頁(yè)面設(shè)計(jì)神器，0基礎(chǔ)也能輕松出圖，通過(guò)組件化方式靈活搭建頁(yè)面結(jié)構(gòu)，實(shí)現(xiàn)內(nèi)容布局的高度可控與個(gè)性化美化，兼顧美觀性與實(shí)用性。支持PC端和移動(dòng)端（H5）雙端自適應(yīng)，確保數(shù)據(jù)查詢與展示在不同設(shè)備上均流暢可用、體驗(yàn)一致。
入口
可通過(guò)頂部一級(jí)導(dǎo)航欄進(jìn)入「頁(yè)面」模塊。
組件介紹
電腦格式
通用組件：豐富的圖文、視頻、數(shù)據(jù)等組合組件形式，能夠滿足不同頁(yè)面的自定義搭建需求。
| 純文本 | 適合純文字的語(yǔ)句或段落 | |
|---|---|---|
| 純圖片 | 適合圖片展示，最多新增4組 | |
| 純視頻 | 適合視頻展示，支持優(yōu)酷、騰訊、bilibili | |
| 上下環(huán)繞 | 圖文混排，上下環(huán)繞 | |
| 左環(huán)繞 | 圖文混排，左環(huán)繞 | |
| 右環(huán)繞 | 圖文混排，右環(huán)繞 | |
| 疊放圖文 | 文字疊放在圖片之上 | |
| 緊密環(huán)繞 | 圖文混排，文字圍繞在圖片上方和右側(cè) | |
| 對(duì)稱圖文 | 兩列對(duì)稱圖片和文本 | |
| 中間分割 | 帶分割線的圖文混排 | |
| 圖片輪播 | 多圖片滾動(dòng)播放 | |
| 文本列表 | 段落式文本，適合有邏輯的場(chǎng)景 | |
| 時(shí)間軸 | 時(shí)間軸，適合按時(shí)間順序顯示的場(chǎng)景 | |
| 圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語(yǔ)句 | |
| 按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
| 空白 | 適合為了頁(yè)面美觀用來(lái)空格或換行 | |
| 數(shù)據(jù)卡片 | 支持自定義字段名稱、字段固定值、標(biāo)簽內(nèi)容、顏色、跳轉(zhuǎn)鏈接等 | |
模板組件：成套的模板可直接使用，也可以結(jié)合模板增加自定義組件混搭。
手機(jī)格式
通用組件：豐富的圖文、視頻、數(shù)據(jù)等組合組件形式，能夠滿足不同頁(yè)面的自定義搭建需求。
| 純文本 | 適合純文字的語(yǔ)句或段落 | |
|---|---|---|
| 純圖片 | 適合圖片展示，最多新增4組 | |
| 純視頻 | 適合視頻展示，支持優(yōu)酷、騰訊、bilibili | |
| 上下環(huán)繞 | 圖文混排，上下環(huán)繞 | |
| 左環(huán)繞 | 圖文混排，左環(huán)繞 | |
| 右環(huán)繞 | 圖文混排，右環(huán)繞 | |
| 疊放圖文 | 文字疊放在圖片之上 | |
| 緊密環(huán)繞 | 圖文混排，文字圍繞在圖片上方和右側(cè) | |
| 對(duì)稱圖文 | 兩列對(duì)稱圖片和文本 | |
| 中間分割 | 帶分割線的圖文混排 | |
| 圖片輪播 | 多圖片滾動(dòng)播放 | |
| 文本列表 | 段落式文本，適合有邏輯的場(chǎng)景 | |
| 時(shí)間軸 | 時(shí)間軸，適合按時(shí)間順序顯示的場(chǎng)景 | |
| 圖文引用 | 適合引用名人名言或者重要人物的經(jīng)典語(yǔ)句 | |
| 按鈕 | 帶跳轉(zhuǎn)鏈接的按鈕 | |
| 空白 | 適合為了頁(yè)面美觀用來(lái)空格或換行 | |
| 數(shù)據(jù)卡片 | 支持自定義字段名稱、字段固定值、標(biāo)簽內(nèi)容、顏色、跳轉(zhuǎn)鏈接等 | |
模板組件：成套的模板可直接使用，也可以結(jié)合模板增加自定義組件混搭。
組件設(shè)置
組件屬性：每個(gè)組件都可以單獨(dú)設(shè)置對(duì)應(yīng)的組件屬性，比如文本內(nèi)容、字號(hào)大小、顏色、位置、上傳圖片、跳轉(zhuǎn)鏈接等。
整體設(shè)置：整體設(shè)置主要控制的是模板整體的顏色、背景圖片、標(biāo)題及正文字號(hào)大小和顏色、頁(yè)面寬度等設(shè)置。在此處設(shè)置好后，組件屬性應(yīng)用即可。
如何搭建
我們可以自由選擇是用通用組件還是用模板組件，也可以混搭。這里我以混合搭配方式，手機(jī)格式為例：
選擇組件，設(shè)置屬性
挑選一款模板組件，點(diǎn)擊“使用此模板”，插入編輯區(qū)域。
如果模板中的組件無(wú)法滿足需求，可以另行在通用組件中增加若干組件。添加組件后，在右側(cè)組件屬性和整體設(shè)置中進(jìn)行內(nèi)容和樣式設(shè)置。
設(shè)置完成后，保存，預(yù)覽頁(yè)面效果。
發(fā)布頁(yè)面
返回到頁(yè)面列表，點(diǎn)擊發(fā)布按鈕，公開程度選擇“公開”，即可生成鏈接地址與二維碼，讓用戶可通過(guò)電腦或手機(jī)訪問(wèn)頁(yè)面。
總結(jié)
通過(guò)模塊化組件庫(kù)與所見即所得的效果預(yù)覽，支持用戶靈活拼接內(nèi)容結(jié)構(gòu)，自定義樣式、布局與交互邏輯。無(wú)需代碼，即可高效構(gòu)建營(yíng)銷長(zhǎng)圖、活動(dòng)頁(yè)面、信息流內(nèi)容等多類型視覺(jué)頁(yè)面，顯著提升設(shè)計(jì)復(fù)用性與發(fā)布效率。適配多終端展示，助力內(nèi)容快速上線與轉(zhuǎn)化優(yōu)化。