update

example/T_Carousel.qml

@@ -10,13 +10,35 @@ FluScrollablePage{
     title:"Carousel"
 
 
+    FluArea{
+        width: parent.width
+        height: 370
+        paddings: 10
+        Layout.topMargin: 20
 
+        Column{
+            spacing: 15
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left:parent.left
+            }
+            FluText{
+
+                text:"轮播图，支持无限轮播，无限滑动，用ListView实现的组件"
+            }
             FluCarousel{
                 id:carousel
-
+                Layout.topMargin: 20
+                Layout.leftMargin: 5
                 Component.onCompleted: {
-            carousel.setData([{color:"#000000"},{color:"#FFFFFF"},{color:"#666666"}])
+                    carousel.setData([{url:"qrc:/res/image/banner_1.jpg"},{url:"qrc:/res/image/banner_2.jpg"},{url:"qrc:/res/image/banner_3.jpg"}])
                 }
 
             }
+        }
+    }
+
+
+
+
 }

example/page/MainPage.qml

@@ -19,7 +19,6 @@ FluWindow {
         title: "FluentUI"
     }
 
-
     FluObject{
         id:original_items
 

example/qml.qrc

@@ -35,5 +35,8 @@
         <file>T_MultiWindow.qml</file>
         <file>T_Menu.qml</file>
         <file>T_Carousel.qml</file>
+        <file>res/image/banner_1.jpg</file>
+        <file>res/image/banner_2.jpg</file>
+        <file>res/image/banner_3.jpg</file>
     </qresource>
 </RCC>