<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ### 輪播圖組件就是設置圖片滾動效果的組件。點擊“![](https://img.kancloud.cn/89/f1/89f1429669988d3391548262b2baa523_17x17.png)”圖標,再點擊“輪播圖”,即可創建輪播圖,如圖4.31; ![](https://img.kancloud.cn/4d/26/4d2679fc6aba0a52261faf5669cfcc69_744x432.png) ![](https://img.kancloud.cn/38/e8/38e892dbb455d2d1d0d1ce530fd8b4cb_803x45.png) ## **一、組件名稱設置** ### 選中該輪播圖組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖4.32。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/04/11/041163231fc6b74e9f451ab5a4598444_1075x435.png) ![](https://img.kancloud.cn/6f/3d/6f3d2f0d270e8c9831bef02d7f6433be_802x48.png) ## **二、基本樣式設置** ### 1\. 圖片類型 ### 選中該輪播圖組件,在操作界面右側的“類型”處可設置組件的類型,如圖4.33;圖片類型分為:立體和普通; * ### 普通:我們常見的輪播圖樣式,效果圖如圖4.34; * ### 立體:立體效果的輪播圖,效果圖如圖4.35; ![](https://img.kancloud.cn/95/17/95177d1e4437c835c1a11ac4fbfec5f9_965x649.png) ![](https://img.kancloud.cn/22/3c/223c162b8e7b4962b02f6fd8f283e13e_804x45.png) ![](https://img.kancloud.cn/6a/53/6a53ae7ddb6fa5fe0854d5c227bef33e_467x271.png) ![](https://img.kancloud.cn/c0/e3/c0e3065b02bc7e9acb92ec2cb98fca26_805x49.png) ![](https://img.kancloud.cn/f0/8a/f08a6ad0553a4aacdfbd7937d7aa2f00_477x288.png) ![](https://img.kancloud.cn/b1/ef/b1ef5285202d874809ddd3eb92f6c262_801x40.png) ### 2\. 輪播時間 ### 選中該輪播圖組件,在操作界面右側的“輪播時間”處可設置組件的輪播時間,如圖4.36; * ### 如果你想讓圖片5秒切換到下一張,將輪播時間設置成“5000”; ![](https://img.kancloud.cn/93/84/9384528f4d821d1e142c3fe8a19f3872_979x641.png) ![](https://img.kancloud.cn/e3/1d/e31d78b2499d7bfe0f3b6ac949974da9_800x47.png) ### 3\. 選擇器 ### 選中該輪播圖組件,在操作界面右側的“選擇器”處可設置組件底部提示線的顯示與否,如圖4.37。 * ### 外部:組件底部提示線顯示; * ### 不顯示:組件底部提示線不顯示; ![](https://img.kancloud.cn/38/10/381011009ea805da4fa8a9e872a13ffc_1017x650.png) ![](https://img.kancloud.cn/bb/9d/bb9df544839a2d2fcc08cd648dd9f36b_794x54.png) ### 4\. 輪播方向 ### 選中該輪播圖組件,在操作界面右側的“輪播方向”處可設置輪播圖的輪播方向,如圖4.38。 * ### 豎向:豎著輪播,如圖4.381; * ### 橫向:橫著輪播,圖4.382; ![](https://img.kancloud.cn/6d/f7/6df7f58d03023ac6ab974cf9c2836b44_978x634.png) ![](https://img.kancloud.cn/f6/dd/f6dd31634c3f1455ece1b7b13e036e33_805x41.png) ![](https://img.kancloud.cn/b8/3b/b83b8c02d2ef410871856044fbf288ae_967x330.png) ### 5\. 圖片透明度 ### 選中該輪播圖組件,在操作界面右側的“透明度”處可設置圖片透明度,如圖4.39。 ![](https://img.kancloud.cn/96/45/964503a4dc1b966b3467f97c4bb3318f_962x638.png) ![](https://img.kancloud.cn/81/be/81be4c2931d85dfa3358701c69b58b5e_800x37.png) ## **三、接口設置** ### 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\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/f8/1f/f81f5cc0cf087bfbe77c3dc61ff3d213_1090x682.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看