### 輪播圖組件就是設置圖片滾動效果的組件。點擊“”圖標，再點擊“輪播圖”，即可創建輪播圖，如圖4.31；   ## **一、組件名稱設置** ### 選中該輪播圖組件，在操作界面右側的“圖層名稱”處可修改組件的名稱，如圖4.32。（名稱最好要設置一下，方便后期組件管理）   ## **二、基本樣式設置** ### 1\. 圖片類型 ### 選中該輪播圖組件，在操作界面右側的“類型”處可設置組件的類型，如圖4.33；圖片類型分為：立體和普通； * ### 普通：我們常見的輪播圖樣式，效果圖如圖4.34； * ### 立體：立體效果的輪播圖，效果圖如圖4.35；       ### 2\. 輪播時間 ### 選中該輪播圖組件，在操作界面右側的“輪播時間”處可設置組件的輪播時間，如圖4.36； * ### 如果你想讓圖片5秒切換到下一張，將輪播時間設置成“5000”；   ### 3\. 選擇器 ### 選中該輪播圖組件，在操作界面右側的“選擇器”處可設置組件底部提示線的顯示與否，如圖4.37。 * ### 外部：組件底部提示線顯示； * ### 不顯示：組件底部提示線不顯示；   ### 4\. 輪播方向 ### 選中該輪播圖組件，在操作界面右側的“輪播方向”處可設置輪播圖的輪播方向，如圖4.38。 * ### 豎向：豎著輪播，如圖4.381； * ### 橫向：橫著輪播，圖4.382；    ### 5\. 圖片透明度 ### 選中該輪播圖組件，在操作界面右側的“透明度”處可設置圖片透明度，如圖4.39。   ## **三、接口設置** ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據； * ### 靜態數據：寫死的數據； * ### 動態數據：會隨著接口傳過來的數據實時變化；（一般這種比較常用） ### 2\. 接口地址 ### （1）靜態數據，接口地址傳過來的內容要符合以下格式： ~~~ [{"value":"https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2229864841,4232235061&fm=26&gp=0.jpg"},{"value":"https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4238142487,3274484296&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2394972844,3024358326&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2229864841,4232235061&fm=26&gp=0.jpg"},{"value":"https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4238142487,3274484296&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2394972844,3024358326&fm=26&gp=0.jpg"},{"value":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRVq8ZVBlQLcZMHXjm21FMbF4oMmyCucZZav2s_wcd_Wkosp4060g&s"},{"value":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS4QJcBTHThqzbA9Of6HzW2i1apf5k2i2iIaQQPLR0UT2AOH7ke&s"}] ~~~ ### （2）動態數據，接口地址傳過來的內容要符合以下格式： ~~~ {"data":[{"value":"https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2229864841,4232235061&fm=26&gp=0.jpg"},{"value":"https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4238142487,3274484296&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2394972844,3024358326&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2229864841,4232235061&fm=26&gp=0.jpg"},{"value":"https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4238142487,3274484296&fm=26&gp=0.jpg"},{"value":"https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2394972844,3024358326&fm=26&gp=0.jpg"},{"value":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRVq8ZVBlQLcZMHXjm21FMbF4oMmyCucZZav2s_wcd_Wkosp4060g&s"},{"value":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS4QJcBTHThqzbA9Of6HzW2i1apf5k2i2iIaQQPLR0UT2AOH7ke&s"}]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的，完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次，可以將刷新時間設置成“5000”； ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口，完成數據的更新。