diff --git a/example/T_InfoBar.qml b/example/T_InfoBar.qml
index 11f2f91..e07b8d4 100644
--- a/example/T_InfoBar.qml
+++ b/example/T_InfoBar.qml
@@ -52,12 +52,12 @@ FluScrollablePage{
     }
     CodeExpander{
         Layout.fillWidth: true
-        code:'  showInfo("这是一个Info样式的InfoBar")
+        code:'showInfo("这是一个Info样式的InfoBar")
 
-    showWarning("这是一个Warning样式的InfoBar")
+showWarning("这是一个Warning样式的InfoBar")
 
-    showError("这是一个Error样式的InfoBar")
+showError("这是一个Error样式的InfoBar")
 
-    showSuccess("这是一个Success样式的InfoBar这是一个Success样式的InfoBar")'
+showSuccess("这是一个Success样式的InfoBar这是一个Success样式的InfoBar")'
     }
 }
diff --git a/example/component/CodeExpander.qml b/example/component/CodeExpander.qml
index 1650e99..6d3e918 100644
--- a/example/component/CodeExpander.qml
+++ b/example/component/CodeExpander.qml
@@ -115,7 +115,9 @@ FluExpander{
           "FluWindow",
           "FluWindowResize",
           "FluToggleButton",
-          "FluTableView"
+          "FluTableView",
+          "FluColors",
+          "FluTheme",
       ];
       code = code.replace(/\n/g, "<br>");
       code = code.replace(/ /g, "&nbsp;");
diff --git a/src/controls/FluRectangle.qml b/src/controls/FluRectangle.qml
index 2293b33..90728ab 100644
--- a/src/controls/FluRectangle.qml
+++ b/src/controls/FluRectangle.qml
@@ -9,14 +9,6 @@ Item{
     property bool shadow: true
     default property alias contentItem: container.data
 
-    Rectangle{
-        id:container
-        width: control.width
-        height: control.height
-        opacity: 0
-        color:control.color
-    }
-
     FluShadow{
         anchors.fill: container
         radius: control.radius[0]
@@ -28,6 +20,14 @@ Item{
         }
     }
 
+    Rectangle{
+        id:container
+        width: control.width
+        height: control.height
+        opacity: 0
+        color:control.color
+    }
+
     Canvas {
         id: canvas
         anchors.fill: parent