Merge pull request #322 from HandyOrg/pr/318

Pr/318

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

@@ -1,5 +1,21 @@
 ---
-title: 建设中
+title: RichTextBox 富文本框
 ---
 
-建设中
+# TextBoxBaseBaseStyle
+
+基础文本控件默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# RichTextBoxBaseStyle : TextBoxBaseBaseStyle
+
+富文本框默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<RichTextBox Margin="10,10" VerticalAlignment="Center" HorizontalAlignment="Center"></RichTextBox>
+```
+
+效果：
+
+![RichTextbox.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RichTextbox.DefaultStyle.png)

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

@@ -1,5 +1,42 @@
 ---
-title: 建设中
+title: ScrollViewer 滚动视图
 ---
 
-建设中
+# ScrollViewerNativeBaseStyle
+
+原生滚动视图默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<ScrollViewer>
+   <Grid Height="500">
+      <TextBlock Text="内容区域"></TextBlock>
+   </Grid>
+</ScrollViewer>
+```
+
+效果：
+
+![ScrollViewer.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.DefaultStyle.png)
+
+# ScrollViewerUpDown
+
+显示上下按钮的滚动视图样式
+
+案例：
+
+```xml
+<ScrollViewer Style="{StaticResource ScrollViewerUpDown}">
+    <StackPanel Height="500">
+        <TextBlock Text="内容区域" Height="250"></TextBlock>
+        <TextBlock Text="内容区域" Height="250"></TextBlock>
+        <TextBlock Text="内容区域"></TextBlock>
+        <TextBlock Text="内容区域"></TextBlock>
+    </StackPanel>
+</ScrollViewer>
+```
+
+效果：
+
+![ScrollViewer.UpDownStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.UpDownStyle.png)

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

@@ -1,5 +1,17 @@
 ---
-title: 建设中
+title: Slider 滑块
 ---
 
-建设中
+# SliderBaseStyle
+
+滑块默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<Slider VerticalAlignment="Center" Width="400" Value="40" Maximum="100"/>
+```
+
+效果：
+
+![Slider.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Slider.DefaultStyle.png)

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

@@ -1,5 +1,93 @@
 ---
-title: 建设中
+title: TabControl 选项卡控件
 ---
 
-建设中
+# TabControlBaseStyle
+
+选项卡控件默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+ ```xml
+<TabControl Margin="10">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+ ```
+
+效果：
+
+![TabControl.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.DefaultStyle.png)
+
+# TabControlInLine : TabControlBaseStyle
+
+单行填充选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlInLine}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.InLineStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.InLineStyle.png)
+
+# TabControlCapsule
+
+胶囊状选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlCapsule}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.CapsuleStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.CapsuleStyle.png)
+
+# TabControlCapsuleSolid : TabControlCapsule
+
+胶囊状（实心）选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlCapsuleSolid}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.CapsuleSolidStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.CapsuleSolidStyle.png)
+
+# 温馨提示
+
+可以使用属性`TabStripPlacement`设定头部标题的位置，效果如下：
+
+![TabControl.TabStripPlacement](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.TabStripPlacement.png)

doc/themes/next/_config.yml

@@ -874,7 +874,7 @@ needmoreshare2:
 #  localhost_ignored: true
 
 # CNZZ count
-#cnzz_siteid:
+cnzz_siteid: 1278600916
 
 # Application Insights
 # See: https://azure.microsoft.com/en-us/services/application-insights

doc/themes/next/layout/_third-party/analytics/cnzz-analytics.swig

@@ -1,5 +1,3 @@
 {% if theme.cnzz_siteid %}
-  <div style="display: none;">
-    <script src="//s95.cnzz.com/z_stat.php?id={{ theme.cnzz_siteid }}&web_id={{ theme.cnzz_siteid }}"></script>
-  </div>
+  <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_{{ theme.cnzz_siteid }}'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D{{ theme.cnzz_siteid }}%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script>
 {% endif %}