update

example/T_Carousel.qml

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