feat(css): 示例

docs/css/align-content.md

@@ -15,4 +15,6 @@
 
 <!-- CSSJSON.align-content.compatibility -->
 
+<!-- CSSJSON.align-content.example -->
+
 <!-- CSSJSON.align-content.reference -->

docs/css/align-items.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.align-items.compatibility -->
 
-<!-- CSSJSON.align-items.reference -->
\ No newline at end of file
+<!-- CSSJSON.align-items.example -->
+
+<!-- CSSJSON.align-items.reference -->

docs/css/align-self.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.align-self.compatibility -->
 
-<!-- CSSJSON.align-self.reference -->
\ No newline at end of file
+<!-- CSSJSON.align-self.example -->
+
+<!-- CSSJSON.align-self.reference -->

docs/css/background-clip.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.background-clip.compatibility -->
 
-<!-- CSSJSON.background-clip.reference -->
\ No newline at end of file
+<!-- CSSJSON.background-clip.example -->
+
+<!-- CSSJSON.background-clip.reference -->

docs/css/background-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.background-color.compatibility -->
 
-<!-- CSSJSON.background-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.background-color.example -->
+
+<!-- CSSJSON.background-color.reference -->

docs/css/background-image.md

@@ -13,26 +13,28 @@
 
 <!-- CSSJSON.background-image.compatibility -->
 
-#### App平台  
+<!-- CSSJSON.background-image.example -->
+
+#### App平台
 原生应用没有背景图，这是一种影响性能的设计。App平台也不支持背景图，仅支持linear-gradient设置一个背景渐变色。
 linear-gradient仅支持三个参数，格式如下：
 ```
 linear-gradient(<direction>, <color-start>, <color-stop>)
 ```
-- direction  
-	渐变方向，字符串类型，支持以下值：  
-	+ to right：从左向右渐变  
-	+ to left：从右向左渐变  
-	+ to bottom：从上到下渐变  
-	+ to top：从下到上渐变  
+- direction
+	渐变方向，字符串类型，支持以下值：
+	+ to right：从左向右渐变
+	+ to left：从右向左渐变
+	+ to bottom：从上到下渐变
+	+ to top：从下到上渐变
 	+ to bottom left：从右上角到左下角（3.99开始支持）
 	+ to bottom right：从左上角到右下角
 	+ to top left：从右下角到左上角
 	+ to top right: 从左下角到右上角（3.99开始支持）
-- color-start  
-	渐变起始点颜色值，支持RGB（rgb(255, 0, 0)）；RGBA（rgba(255, 0, 0, 0.5)）；十六进制（#ff0000）；精简写法的十六进制（#f00）；色值关键字（red）  
-- color-stop  
-	渐变终点颜色值，支持RGB（rgb(255, 0, 0)）；RGBA（rgba(255, 0, 0, 0.5)）；十六进制（#ff0000）；精简写法的十六进制（#f00）；色值关键字（red）  
+- color-start
+	渐变起始点颜色值，支持RGB（rgb(255, 0, 0)）；RGBA（rgba(255, 0, 0, 0.5)）；十六进制（#ff0000）；精简写法的十六进制（#f00）；色值关键字（red）
+- color-stop
+	渐变终点颜色值，支持RGB（rgb(255, 0, 0)）；RGBA（rgba(255, 0, 0, 0.5)）；十六进制（#ff0000）；精简写法的十六进制（#f00）；色值关键字（red）
 
 > background-image 优先级高于 background-color，同时设置 background-image 和 background-color 时 background-color 被覆盖。
 

docs/css/background.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.background.compatibility -->
 
-<!-- CSSJSON.background.reference -->
\ No newline at end of file
+<!-- CSSJSON.background.example -->
+
+<!-- CSSJSON.background.reference -->

docs/css/border-bottom-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-bottom-color.compatibility -->
 
-<!-- CSSJSON.border-bottom-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-bottom-color.example -->
+
+<!-- CSSJSON.border-bottom-color.reference -->

docs/css/border-bottom-left-radius.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-bottom-left-radius.compatibility -->
 
-<!-- CSSJSON.border-bottom-left-radius.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-bottom-left-radius.example -->
+
+<!-- CSSJSON.border-bottom-left-radius.reference -->

docs/css/border-bottom-right-radius.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-bottom-right-radius.compatibility -->
 
-<!-- CSSJSON.border-bottom-right-radius.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-bottom-right-radius.example -->
+
+<!-- CSSJSON.border-bottom-right-radius.reference -->

docs/css/border-bottom-style.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-bottom-style.compatibility -->
 
-<!-- CSSJSON.border-bottom-style.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-bottom-style.example -->
+
+<!-- CSSJSON.border-bottom-style.reference -->

docs/css/border-bottom-width.md

@@ -9,15 +9,17 @@
 
 <!-- CSSJSON.border-bottom-width.defaultValue -->
 
-**注意**  
-- App平台  
-	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin  
-	+ HBuilderX4.0+版本调整默认值为medium  
-- Web端  
-	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值  
+**注意**
+- App平台
+	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin
+	+ HBuilderX4.0+版本调整默认值为medium
+- Web端
+	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值
 
 <!-- CSSJSON.border-bottom-width.unixTags -->
 
 <!-- CSSJSON.border-bottom-width.compatibility -->
 
+<!-- CSSJSON.border-bottom-width.example -->
+
 <!-- CSSJSON.border-bottom-width.reference -->

docs/css/border-bottom.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-bottom.compatibility -->
 
-<!-- CSSJSON.border-bottom.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-bottom.example -->
+
+<!-- CSSJSON.border-bottom.reference -->

docs/css/border-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-color.compatibility -->
 
-<!-- CSSJSON.border-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-color.example -->
+
+<!-- CSSJSON.border-color.reference -->

docs/css/border-left-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-left-color.compatibility -->
 
-<!-- CSSJSON.border-left-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-left-color.example -->
+
+<!-- CSSJSON.border-left-color.reference -->

docs/css/border-left-style.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-left-style.compatibility -->
 
-<!-- CSSJSON.border-left-style.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-left-style.example -->
+
+<!-- CSSJSON.border-left-style.reference -->

docs/css/border-left-width.md

@@ -9,15 +9,17 @@
 
 <!-- CSSJSON.border-left-width.defaultValue -->
 
-**注意**  
-- App平台  
-	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin  
-	+ HBuilderX4.0+版本调整默认值为medium  
-- Web端  
-	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值  
+**注意**
+- App平台
+	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin
+	+ HBuilderX4.0+版本调整默认值为medium
+- Web端
+	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值
 
 <!-- CSSJSON.border-left-width.unixTags -->
 
 <!-- CSSJSON.border-left-width.compatibility -->
 
+<!-- CSSJSON.border-left-width.example -->
+
 <!-- CSSJSON.border-left-width.reference -->

docs/css/border-left.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-left.compatibility -->
 
-<!-- CSSJSON.border-left.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-left.example -->
+
+<!-- CSSJSON.border-left.reference -->

docs/css/border-radius.md

@@ -13,6 +13,8 @@
 
 <!-- CSSJSON.border-radius.compatibility -->
 
+<!-- CSSJSON.border-radius.example -->
+
 App平台目前不支持设置百分比。如需要裁剪正圆图片，暂无法使用100%。请使用与图片宽高相同的像素来裁剪。比如图片长宽250px，则设置 border-radius: 250px 可得一个正圆。
 
-<!-- CSSJSON.border-radius.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-radius.reference -->

docs/css/border-right-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-right-color.compatibility -->
 
-<!-- CSSJSON.border-right-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-right-color.example -->
+
+<!-- CSSJSON.border-right-color.reference -->

docs/css/border-right-style.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-right-style.compatibility -->
 
-<!-- CSSJSON.border-right-style.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-right-style.example -->
+
+<!-- CSSJSON.border-right-style.reference -->

docs/css/border-right-width.md

@@ -9,15 +9,17 @@
 
 <!-- CSSJSON.border-right-width.defaultValue -->
 
-**注意**  
-- App平台  
-	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin  
-	+ HBuilderX4.0+版本调整默认值为medium  
-- Web端  
-	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值  
+**注意**
+- App平台
+	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin
+	+ HBuilderX4.0+版本调整默认值为medium
+- Web端
+	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值
 
 <!-- CSSJSON.border-right-width.unixTags -->
 
 <!-- CSSJSON.border-right-width.compatibility -->
 
+<!-- CSSJSON.border-right-width.example -->
+
 <!-- CSSJSON.border-right-width.reference -->

docs/css/border-right.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-right.compatibility -->
 
-<!-- CSSJSON.border-right.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-right.example -->
+
+<!-- CSSJSON.border-right.reference -->

docs/css/border-style.md

@@ -13,6 +13,8 @@
 
 <!-- CSSJSON.border-style.compatibility -->
 
+<!-- CSSJSON.border-style.example -->
+
 <!-- CSSJSON.border-style.reference -->
 
 ## 注意事项

docs/css/border-top-color.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-top-color.compatibility -->
 
-<!-- CSSJSON.border-top-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-top-color.example -->
+
+<!-- CSSJSON.border-top-color.reference -->

docs/css/border-top-left-radius.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-top-left-radius.compatibility -->
 
-<!-- CSSJSON.border-top-left-radius.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-top-left-radius.example -->
+
+<!-- CSSJSON.border-top-left-radius.reference -->

docs/css/border-top-right-radius.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-top-right-radius.compatibility -->
 
-<!-- CSSJSON.border-top-right-radius.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-top-right-radius.example -->
+
+<!-- CSSJSON.border-top-right-radius.reference -->

docs/css/border-top-style.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-top-style.compatibility -->
 
-<!-- CSSJSON.border-top-style.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-top-style.example -->
+
+<!-- CSSJSON.border-top-style.reference -->

docs/css/border-top-width.md

@@ -9,15 +9,17 @@
 
 <!-- CSSJSON.border-top-width.defaultValue -->
 
-**注意**  
-- App平台  
-	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin  
-	+ HBuilderX4.0+版本调整默认值为medium  
-- Web端  
-	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值  
+**注意**
+- App平台
+	+ HBuilderX3.92及以前版本默认值为0px，HBuilderX3.93+版本调整默认值为thin
+	+ HBuilderX4.0+版本调整默认值为medium
+- Web端
+	+ Android平台Chrome浏览器或内置Webview中实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值
 
 <!-- CSSJSON.border-top-width.unixTags -->
 
 <!-- CSSJSON.border-top-width.compatibility -->
 
+<!-- CSSJSON.border-top-width.example -->
+
 <!-- CSSJSON.border-top-width.reference -->

docs/css/border-top.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border-top.compatibility -->
 
-<!-- CSSJSON.border-top.reference -->
\ No newline at end of file
+<!-- CSSJSON.border-top.example -->
+
+<!-- CSSJSON.border-top.reference -->

docs/css/border-width.md

@@ -9,7 +9,7 @@
 
 <!-- CSSJSON.border-width.defaultValue -->
 
-**注意**  
+**注意**
 - App平台，HBuilderX3.92及以前版本默认值为0px；HBuilderX3.93+版本调整默认值为thin；HBuilderX4.0+版本调整默认值为medium，与W3C规范保持一致。
 - Android平台Chrome浏览器或内置Webview中，实际默认值不是medium，是根据设备自动计算的介于thin和medium中间的值。这与W3C规范不符，在uni-app x编译到web时，对其进行了css重置，调整默认值为medium。
 
@@ -17,4 +17,6 @@
 
 <!-- CSSJSON.border-width.compatibility -->
 
+<!-- CSSJSON.border-width.example -->
+
 <!-- CSSJSON.border-width.reference -->

docs/css/border.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.border.compatibility -->
 
-<!-- CSSJSON.border.reference -->
\ No newline at end of file
+<!-- CSSJSON.border.example -->
+
+<!-- CSSJSON.border.reference -->

docs/css/bottom.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.bottom.compatibility -->
 
-<!-- CSSJSON.bottom.reference -->
\ No newline at end of file
+<!-- CSSJSON.bottom.example -->
+
+<!-- CSSJSON.bottom.reference -->

docs/css/box-shadow.md

@@ -13,8 +13,10 @@
 
 <!-- CSSJSON.box-shadow.compatibility -->
 
+<!-- CSSJSON.box-shadow.example -->
+
 #### App平台差异
-- app-ios平台 box-shadow 和 overflow: hidden 不能同时设置，添加了阴影会导致 overflow：hidden 失效.    
-- app-ios平台 设置box-shadow的view背景无法透明，因为iOS系统 box-shadow 是在view的背景下绘制的，当view背景色为透明时，背景将显示box-shadow的颜色，因此为避免此差异建议给box-shadow的view设置非透明背景色  
+- app-ios平台 box-shadow 和 overflow: hidden 不能同时设置，添加了阴影会导致 overflow：hidden 失效.
+- app-ios平台 设置box-shadow的view背景无法透明，因为iOS系统 box-shadow 是在view的背景下绘制的，当view背景色为透明时，背景将显示box-shadow的颜色，因此为避免此差异建议给box-shadow的view设置非透明背景色
 
 <!-- CSSJSON.box-shadow.reference -->

docs/css/box-sizing.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.box-sizing.compatibility -->
 
-<!-- CSSJSON.box-sizing.reference -->
\ No newline at end of file
+<!-- CSSJSON.box-sizing.example -->
+
+<!-- CSSJSON.box-sizing.reference -->

docs/css/color.md

@@ -13,11 +13,13 @@
 
 <!-- CSSJSON.color.compatibility -->
 
-#### App平台  
+<!-- CSSJSON.color.example -->
+
+#### App平台
 App端 color 样式不支持继承，
 
 #### 浏览器或webview平台
 所有元素都支持设置 color 样式，并支持继承。
 同时会设置 `currentcolor` 值，`currentcolor` 可以用作其他属性的间接值，且为其他颜色属性（如 border-color）的默认值。
 
-<!-- CSSJSON.color.reference -->
\ No newline at end of file
+<!-- CSSJSON.color.reference -->

docs/css/display.md

@@ -7,8 +7,8 @@
 
 <!-- CSSJSON.display.values -->
 
-**注意**  
-设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。  
+**注意**
+设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。
 
 <!-- CSSJSON.display.defaultValue -->
 
@@ -16,4 +16,6 @@
 
 <!-- CSSJSON.display.compatibility -->
 
+<!-- CSSJSON.display.example -->
+
 <!-- CSSJSON.display.reference -->

docs/css/flex-basis.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-basis.compatibility -->
 
-<!-- CSSJSON.flex-basis.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-basis.example -->
+
+<!-- CSSJSON.flex-basis.reference -->

docs/css/flex-direction.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-direction.compatibility -->
 
-<!-- CSSJSON.flex-direction.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-direction.example -->
+
+<!-- CSSJSON.flex-direction.reference -->

docs/css/flex-flow.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-flow.compatibility -->
 
-<!-- CSSJSON.flex-flow.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-flow.example -->
+
+<!-- CSSJSON.flex-flow.reference -->

docs/css/flex-grow.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-grow.compatibility -->
 
-<!-- CSSJSON.flex-grow.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-grow.example -->
+
+<!-- CSSJSON.flex-grow.reference -->

docs/css/flex-shrink.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-shrink.compatibility -->
 
-<!-- CSSJSON.flex-shrink.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-shrink.example -->
+
+<!-- CSSJSON.flex-shrink.reference -->

docs/css/flex-wrap.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex-wrap.compatibility -->
 
-<!-- CSSJSON.flex-wrap.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex-wrap.example -->
+
+<!-- CSSJSON.flex-wrap.reference -->

docs/css/flex.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.flex.compatibility -->
 
-<!-- CSSJSON.flex.reference -->
\ No newline at end of file
+<!-- CSSJSON.flex.example -->
+
+<!-- CSSJSON.flex.reference -->

docs/css/font-family.md

@@ -13,6 +13,8 @@
 
 <!-- CSSJSON.font-family.compatibility -->
 
+<!-- CSSJSON.font-family.example -->
+
 ### 字体设置
 
 对于系统中已经存在的字体，font-family里直接写字体名称即可。\

docs/css/font-size.md

@@ -13,14 +13,16 @@
 
 <!-- CSSJSON.font-size.compatibility -->
 
+<!-- CSSJSON.font-size.example -->
+
 #### App平台差异
-App平台仅支持以像素值（px）和相对像素值（rpx）设置字体大小，默认值为16px。属性值可以不设置单位，不设置单位时当做 px 处理。  
+App平台仅支持以像素值（px）和相对像素值（rpx）设置字体大小，默认值为16px。属性值可以不设置单位，不设置单位时当做 px 处理。
 font-size 样式不支持继承，仅对[text](../component/text.md)组件生效。
-> 不支持百分比的值  
-> 不支持基于用户默认字体大小的绝对大小关键字，如small、medium、large等  
-> 不支持em、rem、ex等单位  
+> 不支持百分比的值
+> 不支持基于用户默认字体大小的绝对大小关键字，如small、medium、large等
+> 不支持em、rem、ex等单位
 
-#### Web规范  
-属性值必须设置单位，无单位时当做非法值处理  
+#### Web规范
+属性值必须设置单位，无单位时当做非法值处理
 
-<!-- CSSJSON.font-size.reference -->
\ No newline at end of file
+<!-- CSSJSON.font-size.reference -->

docs/css/font-style.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.font-style.compatibility -->
 
-#### App平台差异  
-font-style 样式不支持继承 
+<!-- CSSJSON.font-style.example -->
 
-<!-- CSSJSON.font-style.reference -->
\ No newline at end of file
+#### App平台差异
+font-style 样式不支持继承
+
+<!-- CSSJSON.font-style.reference -->

docs/css/font-weight.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.font-weight.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.font-weight.example -->
+
+#### App平台差异
 font-weight 样式不支持继承
 
-<!-- CSSJSON.font-weight.reference -->
\ No newline at end of file
+<!-- CSSJSON.font-weight.reference -->

docs/css/height.md

@@ -16,4 +16,6 @@
 
 <!-- CSSJSON.height.compatibility -->
 
-<!-- CSSJSON.height.reference -->
\ No newline at end of file
+<!-- CSSJSON.height.example -->
+
+<!-- CSSJSON.height.reference -->

docs/css/justify-content.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.justify-content.compatibility -->
 
-<!-- CSSJSON.justify-content.reference -->
\ No newline at end of file
+<!-- CSSJSON.justify-content.example -->
+
+<!-- CSSJSON.justify-content.reference -->

docs/css/left.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.left.compatibility -->
 
-<!-- CSSJSON.left.reference -->
\ No newline at end of file
+<!-- CSSJSON.left.example -->
+
+<!-- CSSJSON.left.reference -->

docs/css/letter-spacing.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.letter-spacing.compatibility -->
 
-<!-- CSSJSON.letter-spacing.reference -->
\ No newline at end of file
+<!-- CSSJSON.letter-spacing.example -->
+
+<!-- CSSJSON.letter-spacing.reference -->

docs/css/line-height.md

@@ -13,6 +13,8 @@
 
 <!-- CSSJSON.line-height.compatibility -->
 
+<!-- CSSJSON.line-height.example -->
+
 #### App平台
 App平台仅支持以像素值（px）、相对像素值（rpx）和相对当前元素字体字体单位（em），em单位表示数字值乘以该元素的字体大小，无单位值时使用em，默认值为1.2em。
 line-height 样式不支持继承，仅对 [text](../component/text.md) 组件生效。
@@ -24,4 +26,4 @@ line-height 样式不支持继承，仅对 [text](../component/text.md) 组件
 #### Web规范
 line-height 样式支持继承，默认值为normal（大约为1.2em，取决于 font-family 样式）
 
-<!-- CSSJSON.line-height.reference -->
\ No newline at end of file
+<!-- CSSJSON.line-height.reference -->

docs/css/lines.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.lines.compatibility -->
 
-<!-- CSSJSON.lines.reference -->
\ No newline at end of file
+<!-- CSSJSON.lines.example -->
+
+<!-- CSSJSON.lines.reference -->

docs/css/margin-bottom.md

@@ -11,11 +11,13 @@
 
 <!-- CSSJSON.margin-bottom.unixTags -->
 
-**注意**  
+**注意**
 app端不支持外边距重叠（上下外边距折叠合并为单个边距）
 
 3.98以下版本当position:fixed|absolute时，margin属性值不支持auto
 
 <!-- CSSJSON.margin-bottom.compatibility -->
 
+<!-- CSSJSON.margin-bottom.example -->
+
 <!-- CSSJSON.margin-bottom.reference -->

docs/css/margin-left.md

@@ -12,9 +12,11 @@
 <!-- CSSJSON.margin-left.unixTags -->
 
 **注意**
-app端不支持外边距折叠  
+app端不支持外边距折叠
 3.98以下版本当position:fixed|absolute时,margin不支持auto
 
 <!-- CSSJSON.margin-left.compatibility -->
 
+<!-- CSSJSON.margin-left.example -->
+
 <!-- CSSJSON.margin-left.reference -->

docs/css/margin-right.md

@@ -11,10 +11,12 @@
 
 <!-- CSSJSON.margin-right.unixTags -->
 
-**注意**  
+**注意**
 app端不支持外边距折叠
 3.98以下版本当position:fixed|absolute时,margin不支持auto
 
 <!-- CSSJSON.margin-right.compatibility -->
 
+<!-- CSSJSON.margin-right.example -->
+
 <!-- CSSJSON.margin-right.reference -->

docs/css/margin-top.md

@@ -11,11 +11,13 @@
 
 <!-- CSSJSON.margin-top.unixTags -->
 
-**注意**  
+**注意**
 app端不支持外边距重叠（上下外边距折叠合并为单个边距）
 
 3.98以下版本当position:fixed|absolute时，margin属性值不支持auto
 
 <!-- CSSJSON.margin-top.compatibility -->
 
+<!-- CSSJSON.margin-top.example -->
+
 <!-- CSSJSON.margin-top.reference -->

docs/css/margin.md

@@ -11,11 +11,13 @@
 
 <!-- CSSJSON.margin.unixTags -->
 
-**注意**  
+**注意**
 app端不支持外边距重叠（上下外边距折叠合并为单个边距）
 
 3.98以下版本当position:fixed|absolute时，margin属性值不支持auto
 
 <!-- CSSJSON.margin.compatibility -->
 
+<!-- CSSJSON.margin.example -->
+
 <!-- CSSJSON.margin.reference -->

docs/css/max-height.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.max-height.compatibility -->
 
-<!-- CSSJSON.max-height.reference -->
\ No newline at end of file
+<!-- CSSJSON.max-height.example -->
+
+<!-- CSSJSON.max-height.reference -->

docs/css/max-width.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.max-width.compatibility -->
 
-<!-- CSSJSON.max-width.reference -->
\ No newline at end of file
+<!-- CSSJSON.max-width.example -->
+
+<!-- CSSJSON.max-width.reference -->

docs/css/min-height.md

@@ -13,11 +13,13 @@
 
 <!-- CSSJSON.min-height.compatibility -->
 
+<!-- CSSJSON.min-height.example -->
 
-#### App平台  
+
+#### App平台
 在App端为了优化文字排版性能，不支持 auto、none、max-content、min-content、fit-content，默认值为0px。
 
-#### Web规范  
+#### Web规范
 默认值为 auto，通过计算选择一个 min-height 值。
 
-<!-- CSSJSON.min-height.reference -->
\ No newline at end of file
+<!-- CSSJSON.min-height.reference -->

docs/css/min-width.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.min-width.compatibility -->
 
-<!-- CSSJSON.min-width.reference -->
\ No newline at end of file
+<!-- CSSJSON.min-width.example -->
+
+<!-- CSSJSON.min-width.reference -->

docs/css/opacity.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.opacity.compatibility -->
 
-<!-- CSSJSON.opacity.reference -->
\ No newline at end of file
+<!-- CSSJSON.opacity.example -->
+
+<!-- CSSJSON.opacity.reference -->

docs/css/overflow.md

@@ -13,6 +13,8 @@
 
 <!-- CSSJSON.overflow.compatibility -->
 
+<!-- CSSJSON.overflow.example -->
+
 <!-- CSSJSON.overflow.reference -->
 
 ### Bug & Tips
@@ -20,5 +22,5 @@
 - Android平台 当元素设置 overflow = visible 后会扩大元素的渲染区域，元素渲染及内存占用存在性能消耗，应尽量避免设置 overflow = visible
 - Android平台 uni-app x 父元素设置 overflow = visible，子元素超出父元素的区域，无法正常响应touch、click事件 (4.13版本已修复该问题)
 - iOS平台 当元素四个边设置了不同值的圆角，overflow = visible 会无效，超过父元素会被裁剪
-- Android平台 当设置`android-layer-type`为`hardware`或`software`时，`overflow: visible`不生效。
+- Android平台 当设置`android-layer-type`为`hardware`或`software`时，`overflow: visible`不生效。
 - Android平台 当元素设置 overflow = visible 后再动态修改该元素 opacity 透明度可能导致 overflow: visible 不生效

docs/css/padding-bottom.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.padding-bottom.compatibility -->
 
-<!-- CSSJSON.padding-bottom.reference -->
\ No newline at end of file
+<!-- CSSJSON.padding-bottom.example -->
+
+<!-- CSSJSON.padding-bottom.reference -->

docs/css/padding-left.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.padding-left.compatibility -->
 
-<!-- CSSJSON.padding-left.reference -->
\ No newline at end of file
+<!-- CSSJSON.padding-left.example -->
+
+<!-- CSSJSON.padding-left.reference -->

docs/css/padding-right.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.padding-right.compatibility -->
 
-<!-- CSSJSON.padding-right.reference -->
\ No newline at end of file
+<!-- CSSJSON.padding-right.example -->
+
+<!-- CSSJSON.padding-right.reference -->

docs/css/padding-top.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.padding-top.compatibility -->
 
-<!-- CSSJSON.padding-top.reference -->
\ No newline at end of file
+<!-- CSSJSON.padding-top.example -->
+
+<!-- CSSJSON.padding-top.reference -->

docs/css/padding.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.padding.compatibility -->
 
-<!-- CSSJSON.padding.reference -->
\ No newline at end of file
+<!-- CSSJSON.padding.example -->
+
+<!-- CSSJSON.padding.reference -->

docs/css/pointer-events.md

@@ -13,10 +13,12 @@
 
 <!-- CSSJSON.pointer-events.compatibility -->
 
-#### App平台  
+<!-- CSSJSON.pointer-events.example -->
+
+#### App平台
 如果当前元素设置 pointer-events 为 none ，当前元素不会响应事件和默认行为，如果此元素包含子元素，所有子元素也将不会响应事件和默认行为，即使子元素显式设置 pointer-events 为 auto。
 
-#### Web规范 
+#### Web规范
 如果当前元素设置 pointer-events 为 none ，当前元素不会响应事件和默认行为，如果此元素包含子元素，所有子元素默认将继承父元素的 pointer-events 值，即子元素也将不响应事件和默认行为，如果子元素显示设置 pointer-events 属性，则以设置的值为准。
 
 <!-- CSSJSON.pointer-events.reference -->

docs/css/position.md

@@ -13,8 +13,10 @@
 
 <!-- CSSJSON.position.compatibility -->
 
+<!-- CSSJSON.position.example -->
 
-#### App平台差异  
+
+#### App平台差异
 
 absolute元素相对父组件确定位置，fixed元素位于页面顶层。
 

docs/css/right.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.right.compatibility -->
 
-<!-- CSSJSON.right.reference -->
\ No newline at end of file
+<!-- CSSJSON.right.example -->
+
+<!-- CSSJSON.right.reference -->

docs/css/text-align.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.text-align.compatibility -->
 
-<!-- CSSJSON.text-align.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-align.example -->
+
+<!-- CSSJSON.text-align.reference -->

docs/css/text-decoration-color.md

@@ -13,8 +13,10 @@
 
 <!-- CSSJSON.text-decoration-color.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-decoration-color.example -->
+
+#### App平台差异
 + text-decoration-color 样式不支持继承
 + App平台默认颜色为黑色，暂不支持设置
 
-<!-- CSSJSON.text-decoration-color.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-decoration-color.reference -->

docs/css/text-decoration-line.md

@@ -13,8 +13,10 @@
 
 <!-- CSSJSON.text-decoration-line.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-decoration-line.example -->
+
+#### App平台差异
 + text-decoration-line 样式不支持继承
 + App平台仅支持underline和line-through属性
 
-<!-- CSSJSON.text-decoration-line.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-decoration-line.reference -->

docs/css/text-decoration-style.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.text-decoration-style.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-decoration-style.example -->
+
+#### App平台差异
 text-decoration-style 样式不支持继承
 
-<!-- CSSJSON.text-decoration-style.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-decoration-style.reference -->

docs/css/text-decoration-thickness.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.text-decoration-thickness.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-decoration-thickness.example -->
+
+#### App平台差异
 text-decoration-thickness 样式不支持继承
 
-<!-- CSSJSON.text-decoration-thickness.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-decoration-thickness.reference -->

docs/css/text-decoration.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.text-decoration.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-decoration.example -->
+
+#### App平台差异
 text-decoration 样式不支持继承
 
-<!-- CSSJSON.text-decoration.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-decoration.reference -->

docs/css/text-overflow.md

@@ -13,7 +13,9 @@
 
 <!-- CSSJSON.text-overflow.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.text-overflow.example -->
+
+#### App平台差异
 text-overflow 样式不支持继承
 
-<!-- CSSJSON.text-overflow.reference -->
\ No newline at end of file
+<!-- CSSJSON.text-overflow.reference -->

docs/css/top.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.top.compatibility -->
 
-<!-- CSSJSON.top.reference -->
\ No newline at end of file
+<!-- CSSJSON.top.example -->
+
+<!-- CSSJSON.top.reference -->

docs/css/transform-origin.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.transform-origin.compatibility -->
 
-<!-- CSSJSON.transform-origin.reference -->
\ No newline at end of file
+<!-- CSSJSON.transform-origin.example -->
+
+<!-- CSSJSON.transform-origin.reference -->

docs/css/transform.md

@@ -21,4 +21,6 @@ web中经常使用scaleY缩放一个1px的线条变成0.5px的细线。这个方
 
 <!-- CSSJSON.transform.compatibility -->
 
+<!-- CSSJSON.transform.example -->
+
 <!-- CSSJSON.transform.reference -->

docs/css/transition-delay.md

@@ -7,12 +7,12 @@
 
 <!-- CSSJSON.transition-delay.values -->
 
-#### App平台  
-- 不支持指定多个时长  
-- HBuilderX4.0以下版本，属性值可以不设置单位，不设置单位时当做 ms（毫秒） 处理。从 HBuilderX4.0 起，统一为web的策略，必须设置单位，无单位当做非法值。也就是会造成动画不生效。  
+#### App平台
+- 不支持指定多个时长
+- HBuilderX4.0以下版本，属性值可以不设置单位，不设置单位时当做 ms（毫秒） 处理。从 HBuilderX4.0 起，统一为web的策略，必须设置单位，无单位当做非法值。也就是会造成动画不生效。
 
-#### Web规范  
-属性值必须设置单位，无单位时当做非法值处理  
+#### Web规范
+属性值必须设置单位，无单位时当做非法值处理
 
 <!-- CSSJSON.transition-delay.defaultValue -->
 
@@ -20,4 +20,6 @@
 
 <!-- CSSJSON.transition-delay.compatibility -->
 
+<!-- CSSJSON.transition-delay.example -->
+
 <!-- CSSJSON.transition-delay.reference -->

docs/css/transition-duration.md

@@ -13,11 +13,13 @@
 
 <!-- CSSJSON.transition-duration.compatibility -->
 
-#### App平台  
-- 不支持指定多个时长  
-- HBuilderX4.0以下版本，属性值可以不设置单位，不设置单位时当做 ms（毫秒） 处理。从 HBuilderX4.0 起，统一为web的策略，必须设置单位，无单位当做非法值。也就是会造成动画不生效。  
+<!-- CSSJSON.transition-duration.example -->
 
-#### Web规范  
-属性值必须设置单位，无单位时当做非法值处理  
+#### App平台
+- 不支持指定多个时长
+- HBuilderX4.0以下版本，属性值可以不设置单位，不设置单位时当做 ms（毫秒） 处理。从 HBuilderX4.0 起，统一为web的策略，必须设置单位，无单位当做非法值。也就是会造成动画不生效。
+
+#### Web规范
+属性值必须设置单位，无单位时当做非法值处理
 
 <!-- CSSJSON.transition-duration.reference -->

docs/css/transition-property.md

@@ -16,4 +16,6 @@
 
 <!-- CSSJSON.transition-property.compatibility -->
 
-<!-- CSSJSON.transition-property.reference -->
\ No newline at end of file
+<!-- CSSJSON.transition-property.example -->
+
+<!-- CSSJSON.transition-property.reference -->

docs/css/transition-timing-function.md

@@ -7,7 +7,7 @@
 
 <!-- CSSJSON.transition-timing-function.values -->
 
-#### App平台  
+#### App平台
 App平台不支持指定多个过渡效果。
 
 <!-- CSSJSON.transition-timing-function.defaultValue -->
@@ -16,4 +16,6 @@ App平台不支持指定多个过渡效果。
 
 <!-- CSSJSON.transition-timing-function.compatibility -->
 
+<!-- CSSJSON.transition-timing-function.example -->
+
 <!-- CSSJSON.transition-timing-function.reference -->

docs/css/transition.md

@@ -7,7 +7,7 @@
 
 <!-- CSSJSON.transition.values -->
 
-#### App平台  
+#### App平台
 从 HBuilderX4.11 版起，默认值调整为`all`。HBuilderX4.11 以下版本，默认值为`none`。
 
 transition暂不支持结束属性值为百分比。
@@ -18,4 +18,6 @@ transition暂不支持结束属性值为百分比。
 
 <!-- CSSJSON.transition.compatibility -->
 
+<!-- CSSJSON.transition.example -->
+
 <!-- CSSJSON.transition.reference -->

docs/css/visibility.md

@@ -7,8 +7,8 @@
 
 <!-- CSSJSON.visibility.values -->
 
-**注意**  
-设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。  
+**注意**
+设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。
 
 <!-- CSSJSON.visibility.defaultValue -->
 
@@ -16,7 +16,9 @@
 
 <!-- CSSJSON.visibility.compatibility -->
 
-#### App平台差异  
+<!-- CSSJSON.visibility.example -->
+
+#### App平台差异
 App平台设置如果元素的 visibility 设置为 hidden，其子元素将不可见，即使子元素的 visibility 设置为 visible 也不可见。
 
 <!-- CSSJSON.visibility.reference -->

docs/css/white-space.md

@@ -13,4 +13,6 @@
 
 <!-- CSSJSON.white-space.compatibility -->
 
-<!-- CSSJSON.white-space.reference -->
\ No newline at end of file
+<!-- CSSJSON.white-space.example -->
+
+<!-- CSSJSON.white-space.reference -->

docs/css/width.md

@@ -16,4 +16,6 @@
 
 <!-- CSSJSON.width.compatibility -->
 
-<!-- CSSJSON.width.reference -->
\ No newline at end of file
+<!-- CSSJSON.width.example -->
+
+<!-- CSSJSON.width.reference -->

docs/css/z-index.md

@@ -36,6 +36,8 @@ root
 
 <!-- CSSJSON.z-index.compatibility -->
 
+<!-- CSSJSON.z-index.example -->
+
 ### 平台差异
 
 1. app端z-index默认值为0，web端默认值为auto。position的默认值都是relative。
@@ -101,7 +103,7 @@ export default {}
     width: 100px;
     height: 100px;
   }
-  
+
   .view-1-2 {
     position: fixed;
     left: 10px;