手風(fēng)琴模塊介紹

一、功能效果

好看的電腦網(wǎng)站手風(fēng)琴設(shè)計(jì)效果是這樣的：

也可以是這樣的：

讓我們一起進(jìn)入電腦版網(wǎng)站開始設(shè)置吧。

二、功能說明

【版本】無版本限制

三、設(shè)置教程

1. 添加手風(fēng)琴模塊

在設(shè)計(jì)頁面找到右側(cè)導(dǎo)航【模塊-新增模塊-排版】中找到【手風(fēng)琴】模塊，單擊可添加到當(dāng)前頁面底部，也可以長按拖動到想要的位置放置。（只支持嵌套到通欄、版式，不支持與標(biāo)簽?zāi)K互相嵌套）

2. 編輯手風(fēng)琴模塊

2.1 切換初始或懸停添加模塊

① 點(diǎn)擊切換【初始或懸停】，可以編輯初始狀態(tài)、鼠標(biāo)懸停區(qū)域的懸停狀態(tài)效果。

② 可以長按拖動導(dǎo)航右側(cè)導(dǎo)航模塊面板的模塊放到手風(fēng)琴模塊里，或者在手風(fēng)琴模塊里點(diǎn)擊【添加模塊】按鈕后再選擇模塊。

2.2 添加或刪除列

① 在列工具欄上可以點(diǎn)擊【+】號添加列，在該列右側(cè)新增一列。

② 點(diǎn)擊刪除按鈕，則可刪除當(dāng)前列。

（注意： 數(shù)量上不得少于2個列；不得多于6個列）

2.3 設(shè)置樣式

① 點(diǎn)擊設(shè)置樣式，可以對每一列編輯單獨(dú)設(shè)置樣式。

② 可以對選中列的初始與懸停分別設(shè)置背景。

③ 可以對列的更多設(shè)置做自定義編輯。

設(shè)置統(tǒng)一的列樣式，包括列寬度、列高度、懸停陰影、初始陰影（統(tǒng)一設(shè)置，不能單獨(dú)對某一單獨(dú)立設(shè)置，列寬度，數(shù)值單位是占比）

2.4 設(shè)置默認(rèn)的懸停展開列

① 可設(shè)置列為默認(rèn)展開的列，在網(wǎng)站打開后，當(dāng)前列會為懸停展開的效果。默認(rèn)是首個列為默認(rèn)展開列，也可以根據(jù)需要設(shè)置居中的列為默認(rèn)展開。

3. 批量編輯提高效率

3.1 復(fù)制列

可以編輯好一個列后，復(fù)制設(shè)計(jì)好的列，再刪除不需要的空白列，快速做批量編輯。

3.2 根據(jù)圖片背景編輯列

① 可以編輯好列的個數(shù)、寬高度后，通過添加圖片背景，根據(jù)圖片尺寸上傳設(shè)計(jì)好的圖，即可快速制作。

② 圖片尺寸可在添加圖片的彈窗中獲取推薦尺寸。