圖片元件
簡介
功能簡介
圖片元件是儀表板中常用的一種元件,主要用於展示圖片內容。
使用場景
圖片元件可以用來呈現設計圖、產品圖片、流程圖、地圖等。
透過圖片的使用可以使儀表板更直觀、生動,更容易理解資訊。
此外,圖片元件還可以透過設定多個圖片輪播顯示,以滿足不同的展示需求。
預期效果
下圖爲多圖輪播的展示效果:
設定步驟
新增元件
進入儀表板設計界面後,從左側工具欄的元件中找到「圖片元件」,直接拖動至儀表板中。
上傳圖片
點擊圖片元件的編輯按鈕可上傳需要的圖片,一個圖片元件最多可上傳 10 張圖片。
填充方式
圖片支援的填充方式設定如下:
- 居中
- 居中填滿
- 拉伸填滿
不同的填充效果如下:
設定文案與超連結
圖片還可以新增顯示文案與超連結,成員在造訪儀表板並點擊圖片時,即可跳轉到連結地址中:
新增後的效果如下:
自動輪播
當新增的圖片超過兩張時,可以開啟「自動輪播」。
開啟後,圖片將自動播放。
輪播的同時還支援手動切換圖片:
注意事項
1. 圖片元件僅支援 JPG、JPEG、PNG 和 GIF 格式,其他格式暫不支援。
2. 單個圖片元件的圖片上傳大小限制爲 5 MB。
3. 一個圖片元件最多可上傳十張圖片。