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