輕站小程序

文章目錄

一、利用多圖文模塊能實現什么效果？

多圖文模塊適用于展示多張圖片（目前一個“多圖文模塊”中多支持展示8張圖片），具有3種不同的模塊樣式，并支持對圖片添加文字描述、設置鏈接。下圖為模塊樣式示例。

樣式1

樣式2

樣式3

二、如何添加多圖文模塊？

2.1、登錄您的凡科網賬號，進入【企業中心】，點擊【輕站小程序】卡片，再點擊【設計小程序】按鈕，進入小程序設計頁面后，點擊添加【多圖文模塊】。

2.2、點擊添加【多圖文模塊】后，會出現如下圖的彈窗，在彈窗內可上傳圖片，一個多圖文模塊內多支持添加8張圖片進行展示。

2.3、添加圖片后，可對圖片展示順序進行重新排序，如下圖，直接拖動圖片即可。

三、如何對多圖文模塊中的圖片設置鏈接和文字描述？

3.1、設置圖片鏈接

把鼠標懸停在圖片上，點擊圖片右上角的編輯按鈕，在右側【基礎】面板中對圖片設置跳轉的鏈接。支持多種鏈接類型，包括頁面、智能名片、電話、地址等等。點擊鏈接查看此功能詳細介紹《輕站小程序 - 如何設置鏈接地址》

3.2、設置圖片描述

把鼠標懸停在圖片上，點擊圖片右上角的編輯按鈕，在右側【基礎】面板中對圖片設置描述文字。

還可以在右側【樣式】-【常規】中設置是否顯示描述、對描述文字的顏色進行自定義。

四、如何編輯多圖文模塊的樣式

4.1、選擇模塊展示樣式

點擊編輯多圖文模塊，在右側【基礎】面板中可選擇模塊的展示樣式。目前提供了三種可供選擇的模塊展示樣式，三者的展示效果可點擊此處回到本教程開篇處查看。

4.2、編輯模塊標題欄

4.2.1、點擊編輯多圖文模塊，可在【樣式】-【常規】中設置是否顯示標題欄。

4.2.1、選擇【顯示】標題欄時，可在【基礎】中修改模塊標題的文案。

4.3、編輯模塊背景色

點擊編輯多圖文模塊，在右側【樣式】面板中可設置多圖文模塊的背景色為【默認】或【自定義】。默認為白色；自定義則有多種顏色可供選擇，還可調整顏色透明度。

4.4、編輯模塊中的圖片樣式

4.4.1、邊框

點擊編輯多圖文模塊，在右側【樣式】-【單圖文】-【邊框】中可設置是否顯示多圖文模塊中的圖片邊框，兩者的區別很細微，需要您手動去操作才能看出來。概況來說區別就是：顯示邊框時圖片會看起來小一點，隱藏邊框時圖片會看起來大一點。

4.4.2、陰影

點擊編輯多圖文模塊，在右側【樣式】-【單圖文】-【陰影】中可設置是否顯示多圖文模塊中的圖片陰影，兩者的區別如下圖。

4.4.3、高度

可以直接把鼠標懸停在圖片上底部位置，拖動修改圖片高度，修改的高度會同步到當前多圖文模塊中的所有圖片上。

也可以點擊編輯多圖文模塊，在右側【樣式】-【單圖文】-【高度】-【自定義】中修改圖片高度值。

4.4.4、圖片縮放

點擊編輯多圖文模塊，在右側【樣式】-【單圖文】-【圖片縮放】中修改圖片縮放方式，支持拉伸、填充、不平鋪三種效果，三者效果差異如下圖。