手風琴模塊介紹

一、功能效果

好看的電腦網(wǎng)站手風琴設計效果是這樣的：

也可以是這樣的：

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

二、功能說明

【版本】無版本限制

三、設置教程

1. 添加手風琴模塊

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

2. 編輯手風琴模塊

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

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

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

2.2 添加或刪除列

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

② 點擊刪除按鈕，則可刪除當前列。

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

2.3 設置樣式

① 點擊設置樣式，可以對每一列編輯單獨設置樣式。

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

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

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

2.4 設置默認的懸停展開列

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

3. 批量編輯提高效率

3.1 復制列

可以編輯好一個列后，復制設計好的列，再刪除不需要的空白列，快速做批量編輯。

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

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

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