From 56eba2fed98b42550a625229fdaa8e2acb43458a Mon Sep 17 00:00:00 2001
From: NaBian <836904362@qq.com>
Date: Sun, 5 Jan 2020 21:45:50 +0800
Subject: [PATCH] modified doc

uniform doc structure
---
 .../native_controls/image/index.md            | 22 ++---
 .../native_controls/label/index.md            | 97 +++++++++----------
 .../native_controls/listBox/index.md          | 81 +++++++++-------
 3 files changed, 97 insertions(+), 103 deletions(-)

diff --git a/doc/source/handycontrol/native_controls/image/index.md b/doc/source/handycontrol/native_controls/image/index.md
index d11560c0..85764b53 100644
--- a/doc/source/handycontrol/native_controls/image/index.md
+++ b/doc/source/handycontrol/native_controls/image/index.md
@@ -2,27 +2,17 @@
 title: Image图片
 ---
 
-在`HandyControl`中，对应原生的`Image`控件，仅仅提供了一个默认的控件样式，并未提供特殊样式，对于个性化定制，需要使用者自行定制
+在`HandyControl`中，对应原生的`Image`控件，仅仅提供了一个默认的控件样式，并未提供特殊样式，对于个性化定制，需要使用者自行定制。
 
-默认样式定义：
-
-```
-    <Style TargetType="Image">
-    	<!--设定图片的长宽分布为均匀分布-->
-        <Setter Property="Stretch" Value="Uniform" />
-        <!--设置图片缩放模式为高质量位图缩放-->
-        <Setter Property="RenderOptions.BitmapScalingMode" Value="HighQuality" />
-    </Style>
-```
-
-案例：
-
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <StackPanel Background="LightGray">
         <Image Source="Resources/Images/Image_basestyle.png" Margin="0,10"></Image>
         <Image Source="Resources/Images/Image_basestyle.png" RenderOptions.BitmapScalingMode="HighQuality" Stretch="Uniform"></Image>
     </StackPanel>
-```
+{% endcode %}
 
 ![image.baseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/image.baseStyle.png)
 
+{% endnote %}
\ No newline at end of file
diff --git a/doc/source/handycontrol/native_controls/label/index.md b/doc/source/handycontrol/native_controls/label/index.md
index 7d37086a..25b65927 100644
--- a/doc/source/handycontrol/native_controls/label/index.md
+++ b/doc/source/handycontrol/native_controls/label/index.md
@@ -4,87 +4,84 @@ title: Lable标签
 
 # LabelBaseStyle
 
-Label标签 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用，
+Label标签 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
 
-具体源码见：[LabelBaseStyle.xaml]( https://github.com/HandyOrg/HandyControl/blob/master/src/Shared/HandyControl_Shared/Themes/Styles/Base/LabelBaseStyle.xaml )
-
-使用如下：
-
-```
-    <Style BasedOn="{StaticResource LabelBaseStyle}" TargetType="Label">
-        <Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"/>
-        <Setter Property="BorderThickness" Value="1"/>
-    </Style>
-```
-
-案例：
-
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <Label Content="Label默认样式" Margin="10"></Label>
-```
+{% endcode %}
 
 ![Label.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.BaseStyle.png)
 
-# LabelPrimary
+{% endnote %}
 
-Label标签 主样式
+# LabelPrimary : LabelBaseStyle
 
-案例：
+主样式
 
-```
-    <Label Content="LabelPrimary样式" Margin="10" 
-    Style="{DynamicResource LabelPrimary}"></Label>
-```
+{% note info no-icon %}
+用例：
+{% code %}
+    <Label Content="LabelPrimary样式" Margin="10" Style="{DynamicResource LabelPrimary}"></Label>
+{% endcode %}
 
 ![Label.PrimaryStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.PrimaryStyle.png)
 
-# LabelSuccess
+{% endnote %}
 
-Label标签 成功类型样式
+# LabelSuccess : LabelBaseStyle
 
-案例：
+成功类型样式
 
-```
-    <Label Content="LabelSuccess样式" Margin="10" 
-    Style="{DynamicResource LabelSuccess}"></Label>
-```
+{% note info no-icon %}
+用例：
+{% code %}
+    <Label Content="LabelSuccess样式" Margin="10" Style="{DynamicResource LabelSuccess}"></Label>
+{% endcode %}
 
 ![Label.SuccessStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.SuccessStyle.png)
 
-# LabelInfo
+{% endnote %}
 
-Label标签 信息类型样式
+# LabelInfo : LabelBaseStyle
 
-案例：
+信息类型样式
 
-```
-    <Label Content="LabelInfo样式" Margin="10" 
-    Style="{DynamicResource LabelInfo}"></Label>
-```
+{% note info no-icon %}
+用例：
+{% code %}
+    <Label Content="LabelInfo样式" Margin="10" Style="{DynamicResource LabelInfo}"></Label>
+{% endcode %}
 
 ![Label.InfoStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.InfoStyle.png)
 
-# LabelWarning
+{% endnote %}
 
-Label标签 警告类型样式
+# LabelWarning : LabelBaseStyle
 
-案例：
+警告类型样式
 
-```
-    <Label Content="LabelWarning样式" Margin="10" 
-    Style="{DynamicResource LabelWarning}"></Label>
-```
+{% note info no-icon %}
+用例：
+{% code %}
+    <Label Content="LabelWarning样式" Margin="10" Style="{DynamicResource LabelWarning}"></Label>
+{% endcode %}
 
 ![Label.WarningStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.WarningStyle.png)
 
-# LabelDanger
+{% endnote %}
 
-Label标签 危险类型样式
+# LabelDanger : LabelBaseStyle
 
-```
-    <Label Content="LabelDanger样式" Margin="10" 
-    Style="{DynamicResource LabelDanger}"></Label>
-```
+危险类型样式
+
+{% note info no-icon %}
+用例：
+{% code %}
+    <Label Content="LabelDanger样式" Margin="10" Style="{DynamicResource LabelDanger}"></Label>
+{% endcode %}
 
 ![Label.DangerStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.DangerStyle.png)
 
+{% endnote %}
\ No newline at end of file
diff --git a/doc/source/handycontrol/native_controls/listBox/index.md b/doc/source/handycontrol/native_controls/listBox/index.md
index 7c897e06..29de370d 100644
--- a/doc/source/handycontrol/native_controls/listBox/index.md
+++ b/doc/source/handycontrol/native_controls/listBox/index.md
@@ -4,26 +4,25 @@ title: ListBox 列表框
 
 #  ListBoxBaseStyle
 
- ListBox默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用，
+ ListBox默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
 
-样式源码见[ListBoxBaseStyle.xaml](https://github.com/HandyOrg/HandyControl/blob/master/src/Shared/HandyControl_Shared/Themes/Styles/Base/ListBoxBaseStyle.xaml )。
-
-案例：
-
-```
-    <!--默认样式-->
+{% note info no-icon %}
+用例：
+{% code %}
     <Style BasedOn="{StaticResource ListBoxBaseStyle}" TargetType="ListBox"/>
-```
+{% endcode %}
 
 ![ListBox.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.BaseStyle.png)
 
-#  ListBoxCustom
+{% endnote %}
 
-ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而数据显示样式由当前用户自定义，实现个性化定制
+#  ListBoxCustom : ListBoxBaseStyle
 
-案例：
+ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而数据显示样式由当前用户自定义，实现个性化定制。
 
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <ListBox Margin="10" ItemsSource="{Binding Datas}"  
              Style="{DynamicResource ListBoxCustom}">
         <ListBox.ItemTemplate>
@@ -37,20 +36,20 @@ ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而
             </DataTemplate>
         </ListBox.ItemTemplate>
     </ListBox>
-```
-
-
+{% endcode %}
 
 ![ListBox.CustomStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.CustomStyle.png)
 
-#  WrapPanelHorizontalListBox
+{% endnote %}
 
-ListBox列表显示布局容器为WrapPanel，水平方向显示样式
+#  WrapPanelHorizontalListBox : ListBoxCustom
 
-案例：
+布局容器为WrapPanel，水平方向显示样式。
 
-```
-<ListBox Margin="10" ItemsSource="{Binding Datas}"  
+{% note info no-icon %}
+用例：
+{% code %}
+    <ListBox Margin="10" ItemsSource="{Binding Datas}"  
              Style="{DynamicResource WrapPanelHorizontalListBox}">
         <ListBox.ItemTemplate>
             <DataTemplate>
@@ -63,17 +62,19 @@ ListBox列表显示布局容器为WrapPanel，水平方向显示样式
             </DataTemplate>
         </ListBox.ItemTemplate>
     </ListBox>
-```
+{% endcode %}
 
 ![ListBox.WrapPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelHorizontalStyle.png)
 
-#  WrapPanelVerticalListBox
+{% endnote %}
 
-ListBox列表显示布局容器为WrapPanel，垂直方向显示样式
+#  WrapPanelVerticalListBox : ListBoxCustom
 
-案例：
+布局容器为WrapPanel，垂直方向显示样式。
 
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <ListBox Margin="10" ItemsSource="{Binding Datas}"  
              Style="{DynamicResource WrapPanelVerticalListBox}">
         <ListBox.ItemTemplate>
@@ -87,17 +88,19 @@ ListBox列表显示布局容器为WrapPanel，垂直方向显示样式
             </DataTemplate>
         </ListBox.ItemTemplate>
     </ListBox>
-```
+{% endcode %}
 
 ![ListBox.WrapPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelVerticalStyle.png)
 
-#  StackPanelHorizontalListBox
+{% endnote %}
 
-ListBox列表显示布局容器为StackPanel，水平方向显示样式
+#  StackPanelHorizontalListBox : ListBoxCustom
 
-案例：
+布局容器为StackPanel，水平方向显示样式。
 
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <ListBox Margin="10" ItemsSource="{Binding Datas}"  
              Style="{DynamicResource StackPanelHorizontalListBox}">
         <ListBox.ItemTemplate>
@@ -111,17 +114,19 @@ ListBox列表显示布局容器为StackPanel，水平方向显示样式
             </DataTemplate>
         </ListBox.ItemTemplate>
     </ListBox>
-```
+{% endcode %}
 
 ![ListBox.StackPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelHorizontalStyle.png)
 
-#  StackPanelVerticalListBox
+{% endnote %}
 
-ListBox列表显示布局容器为StackPanel，垂直方向显示样式
+#  StackPanelVerticalListBox : ListBoxCustom
 
-案例：
+布局容器为StackPanel，垂直方向显示样式。
 
-```
+{% note info no-icon %}
+用例：
+{% code %}
     <ListBox Margin="10" ItemsSource="{Binding Datas}"  
              Style="{DynamicResource StackPanelVerticalListBox}">
         <ListBox.ItemTemplate>
@@ -135,6 +140,8 @@ ListBox列表显示布局容器为StackPanel，垂直方向显示样式
             </DataTemplate>
         </ListBox.ItemTemplate>
     </ListBox>
-```
+{% endcode %}
 
-![ListBox.StackPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelVerticalStyle.png)
\ No newline at end of file
+![ListBox.StackPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelVerticalStyle.png)
+
+{% endnote %}
\ No newline at end of file