doc for expander

doc/source/handycontrol/native_controls/expander/index.md

@@ -1,5 +1,30 @@
 ---
-title: 建设中
+title: Expander 展开框 
 ---
 
-建设中
+# ExpanderBaseStyle
+
+Expander 展开框 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+{% note info no-icon %}
+
+{% code %}
+<StackPanel Margin="32" VerticalAlignment="Center" Width="240">
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1,1,1,0" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+    <Expander Header="{x:Static langs:Lang.Title}" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+        <Border Height="100" Background="{DynamicResource SecondaryRegionBrush}"/>
+    </Expander>
+</StackPanel>
+{% endcode %}
+
+![HC Expander](../images/hc_expander.png)
+
+{% endnote %}