diff --git a/docs/component/audio.md b/docs/component/audio.md
index 6795f7ec01e59d0848fe9d3220419f74a5c33114..0e1616530fb1c83702fefe5db4f06c5fedaf2200 100644
--- a/docs/component/audio.md
+++ b/docs/component/audio.md
@@ -37,7 +37,7 @@ app-nvue也不支持此组件。
 |3|解码错误|
 |4|不合适资源|
 
-**示例：**
+**示例：** [查看示例](https://uniapp.dcloud.io/h5/pages/component/audio/audio)
  
 ```html
 <template>
diff --git a/docs/component/button.md b/docs/component/button.md
index 5fb6ef820ee8d5774f298cb70f8ec024a1ef6b0a..cddb602db6142a7c234bd845b85f29e6788ae993 100644
--- a/docs/component/button.md
+++ b/docs/component/button.md
@@ -71,7 +71,7 @@
 - 支付宝小程序平台，获取用户手机号时，建议先通过条件编译的方式，调用支付宝原生API，[参考](https://docs.alipay.com/mini/api/getphonenumber)
 
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/button/button)
 
 ```html
 <template>
diff --git a/docs/component/checkbox.md b/docs/component/checkbox.md
index 440044ef2bafd1235346d38f664500aaca91ffe9..61f7a32934b72fa5f0c7f3a0080e644a362bb11c 100644
--- a/docs/component/checkbox.md
+++ b/docs/component/checkbox.md
@@ -19,7 +19,7 @@
 |checked|Boolean|false|当前是否选中，可用来设置默认选中|
 |color|Color||checkbox的颜色，同css的color|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/checkbox/checkbox)
  
 ```html
 <template>
diff --git a/docs/component/cover-view.md b/docs/component/cover-view.md
index 7cca802f9f051804b6aaa77f0cc592a9ad386c02..83ddd7e12a68f6e8f12ab5f2cf5d1cfba7cd0708 100644
--- a/docs/component/cover-view.md
+++ b/docs/component/cover-view.md
@@ -52,7 +52,7 @@
 - 支付宝小程序中 `cover-view` 不支持嵌套。
 
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/cover-view/cover-view)
 
 ```html
 <template>
diff --git a/docs/component/form.md b/docs/component/form.md
index 1f4efb882e6a0a485c4a9e3b2dbcc4930f3b64ee..71bcee378847395f0fedd5b8b5ef4e22e560adf0 100644
--- a/docs/component/form.md
+++ b/docs/component/form.md
@@ -11,7 +11,7 @@
 |@submit|EventHandle|携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'} , formId: ''}，report-submit 为 true 时才会返回 formId||
 |@reset|EventHandle|表单重置时会触发 reset 事件|&nbsp;|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/form/form)
  
 ```html
 <template>
diff --git a/docs/component/image.md b/docs/component/image.md
index a2879b1a6453f2e65b5b50b5e369eb331220ec84..dd0402516ecdeef87428722a53b381045f42097f 100644
--- a/docs/component/image.md
+++ b/docs/component/image.md
@@ -38,7 +38,7 @@ mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。
 |裁剪|bottom left|不缩放图片，只显示图片的左下边区域|
 |裁剪|bottom right|不缩放图片，只显示图片的右下边区域|
 
-**示例：**
+**示例：** [查看示例](https://uniapp.dcloud.io/h5/pages/component/image/image)
  
 ```html
 <template>
diff --git a/docs/component/input.md b/docs/component/input.md
index 83aefadeb6b98e0b00470b2ba85c8819ff7f8465..d586423e19d2e685b4e3476a44ec23c0148fa748 100644
--- a/docs/component/input.md
+++ b/docs/component/input.md
@@ -131,7 +131,7 @@ App端开发聊天类应用时，目前推荐改为adjustResize模式。在hello
 - 原生输入框在iOS上不会有软键盘上方的横条
 - 原生输入框一样受配置的`adjustPan|adjustResize`模式影响
 
-**input示例**
+**input示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/input/input)
  
 ```html
 <template>
diff --git a/docs/component/label.md b/docs/component/label.md
index 98080870402e8296764717892412bf8302b6b540..cae2c3ae225a6458e9ce9fdd3e53da61b2b2141e 100644
--- a/docs/component/label.md
+++ b/docs/component/label.md
@@ -15,7 +15,7 @@ for优先级高于内部控件，内部有多个控件的时候默认触发第
 **注：**
 - app-nvue平台 暂不支持for属性
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/label/label)
  
 ```html
 <template>
diff --git a/docs/component/map.md b/docs/component/map.md
index 15e60a640cd4d767baf935c531b3ff42d38be5a0..acd4dc5033d37c8113318f1e0394fa35ed2d5ddb 100644
--- a/docs/component/map.md
+++ b/docs/component/map.md
@@ -131,7 +131,7 @@
 
 地图组件的经纬度必填，如果不填经纬度则默认值是北京的经纬度。
 
-**示例**
+**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/map/map)
 
 ```html
 <template>
diff --git a/docs/component/movable-view.md b/docs/component/movable-view.md
index 644d7fd06b6db46fbc16225dbd6dec9cc47f74d3..52458c9cec521256f0db159d29e04b033e734cb4 100644
--- a/docs/component/movable-view.md
+++ b/docs/component/movable-view.md
@@ -65,7 +65,7 @@
 - 如果遇到x、y、scale属性设置不生效的问题参考：[组件属性设置不生效解决办法](/use?id=%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98)
 - swiper在非H5端，不支持内嵌video、map等原生组件。更新：微信基础库2.4.4起支持了原生组件在 scroll-view、swiper、movable-view 中的使用
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/movable-view/movable-view)
 ```html
 <template>
 	<view class="page-body">
diff --git a/docs/component/navigator.md b/docs/component/navigator.md
index d6db902a1f2b891f1af119232a73a574030977f8..213213b1cec79df05b4f54840b19228b73f293e4 100644
--- a/docs/component/navigator.md
+++ b/docs/component/navigator.md
@@ -30,7 +30,7 @@
 - navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, ``<navigator>`` 的子节点背景色应为透明色。**
 - app-nvue 平台暂不支持 `<navigator>`
 
-**示例**
+**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/navigator/navigator)
  
 ```html
 <template>
diff --git a/docs/component/picker-view.md b/docs/component/picker-view.md
index 2eb305ff1947ad5e12ed1d740af71cbdcef66eb4..e7b4bc2c262ffc0a15376dcf6f533ccd52f7d820 100644
--- a/docs/component/picker-view.md
+++ b/docs/component/picker-view.md
@@ -19,7 +19,7 @@
 
 `<picker-view />` 的子组件，仅可放置于 `<picker-view />` 中，其子节点的高度会自动设置成与 picker-view 的选中框的高度一致
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/picker-view/picker-view)
 
 ```html
 <template>
diff --git a/docs/component/picker.md b/docs/component/picker.md
index e02112b8021af152dd4df282e0317f4dff5607b7..83232ff774a3fd94eb694e8f56bc386684e772d5 100644
--- a/docs/component/picker.md
+++ b/docs/component/picker.md
@@ -118,7 +118,7 @@
 |@cancel|EventHandle||取消选择时触发|
 |disabled|Boolean|false|是否禁用|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/picker/picker)
  
 ```html
 <template>
diff --git a/docs/component/progress.md b/docs/component/progress.md
index 08941b96f5318ace6c299269eb0cce8af965ca75..0468ffc6c9f2ebafa8b6dc98845a7ae11ebc5481 100644
--- a/docs/component/progress.md
+++ b/docs/component/progress.md
@@ -14,7 +14,7 @@
 |active-mode	|String		|backwards	|backwards: 动画从头播；forwards：动画从上次结束点接着播|微信小程序、5+APP、H5	|
 |@activeend		|EventHandle|			|动画完成事件											|微信小程序				|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/progress/progress)
 ```html
 <template>
 	<view>
diff --git a/docs/component/radio.md b/docs/component/radio.md
index 0626c41e89c375ef093374b3c284b29dc265aceb..4da03a00cd4194e5375145093e1a38f9725399e2 100644
--- a/docs/component/radio.md
+++ b/docs/component/radio.md
@@ -21,7 +21,7 @@
 |disabled|Boolean|false|是否禁用|
 |color|Color||radio的颜色，同css的color|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/radio/radio)
  
 ```html
 <template>
diff --git a/docs/component/rich-text.md b/docs/component/rich-text.md
index 283ab295495b9bc99716c7d7e29850c9d5fd7c08..cf53cf43fcacedadc95cb6fe5cf383d5dcbfd90e 100644
--- a/docs/component/rich-text.md
+++ b/docs/component/rich-text.md
@@ -87,7 +87,7 @@
 |tr||
 |ul|&nbsp;|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/rich-text/rich-text)
 ```html
 <template>
 	<view class="content">
diff --git a/docs/component/scroll-view.md b/docs/component/scroll-view.md
index 83652e7f04d7055d526e3182121196a150df887b..f924e3c4076ab1288262960d5b544445342535e0 100644
--- a/docs/component/scroll-view.md
+++ b/docs/component/scroll-view.md
@@ -22,7 +22,7 @@
 
 使用竖向滚动时，需要给 ``<scroll-view>`` 一个固定高度，通过 css 设置 height。
  
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/scroll-view/scroll-view)
 ```html
 <template>
 	<view>
diff --git a/docs/component/slider.md b/docs/component/slider.md
index 7897f5b9d4b5dc9dab9433e86cfe537412f2613d..1c9f01e0994874de148d5a7357be1a95e721a28c 100644
--- a/docs/component/slider.md
+++ b/docs/component/slider.md
@@ -26,7 +26,7 @@
 - activeColor默认值在不同平台不一样，微信是绿色(#1aad19)，头条是红色，其他平台是蓝色
 - 如需要区间滑块，即一根横条上使用2个滑块选择一段范围，可见[插件市场](https://ext.dcloud.net.cn/search?q=%E5%8C%BA%E9%97%B4%E6%BB%91%E5%9D%97)
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/slider/slider)
  
 ```html
 <template>
diff --git a/docs/component/swiper.md b/docs/component/swiper.md
index 2c21346fa3eb0c7d3ef51aaf3aad8c7eb6f33f9b..7e0bda45b2f4fe80748aca2731bd9b7261e037fc 100644
--- a/docs/component/swiper.md
+++ b/docs/component/swiper.md
@@ -57,7 +57,7 @@ change 事件返回 detail 中包含一个 source 字段，表示导致变更的
 |:-|:-|:-|:-|:-|
 |item-id|String||该 swiper-item 的标识符|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/swiper/swiper)
 ```html
 <template>
 	<view>
diff --git a/docs/component/switch.md b/docs/component/switch.md
index 4efb451650560aab412faa304a1b0c3745685db1..5c90f5dc9f90971a4f9f7206b74a5af9cc487cd6 100644
--- a/docs/component/switch.md
+++ b/docs/component/switch.md
@@ -12,7 +12,7 @@
 |@change|EventHandle||checked 改变时触发 change 事件，event.detail={ value:checked}||
 |color|Color||switch 的颜色，同 css 的 color|&nbsp;|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/switch/switch)
  
 ```html
 <template>
diff --git a/docs/component/text.md b/docs/component/text.md
index 8c47ee51a0a91ea4851eb02fcb0a0e6402f19669..3952815047cd1c881eb3a3d82a17a26b1df9ee3b 100644
--- a/docs/component/text.md
+++ b/docs/component/text.md
@@ -26,7 +26,7 @@
 - 支持 `\n` 方式换行。
 - 如果使用 `<span>` 组件编译时会被转换为 `<text>`。
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/text/text)
 ```html
 <template>
 	<view>
diff --git a/docs/component/textarea.md b/docs/component/textarea.md
index c6af89d50f50df61ccf4a0cffccec4a540333a5d..d1dcc7770f9474ea1fd5c63712e5e518d282f7ec 100644
--- a/docs/component/textarea.md
+++ b/docs/component/textarea.md
@@ -27,7 +27,7 @@
 |@input|EventHandle||当键盘输入时，触发 input 事件，event.detail = {value, cursor}， @input 处理函数的返回值并不会反映到 textarea 上||
 |@confirm|EventHandle||点击完成时， 触发 confirm 事件，event.detail = {value: value}|微信小程序、百度小程序、QQ小程序|
 
-**示例**
+**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/textarea/textarea)
  
 ```html
 <template>
diff --git a/docs/component/video.md b/docs/component/video.md
index 279af601212a013345a7878130981c35516394bf..213f5925fd95436a9af80d0ac6bdd7ef00c7470c 100644
--- a/docs/component/video.md
+++ b/docs/component/video.md
@@ -40,7 +40,7 @@
 
 `<video>` 默认宽度 300px、高度 225px，可通过 css 设置宽高。
 
-**示例**
+**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/video/video)
  
 ```html
 <template>
diff --git a/docs/component/view.md b/docs/component/view.md
index 4f39245cff445d7f81db0640d39803d2811b94fd..70274a1a4b55cd10330ce20a590cb7ea68e52448 100644
--- a/docs/component/view.md
+++ b/docs/component/view.md
@@ -11,7 +11,7 @@
 |hover-start-time|Number|50|按住后多久出现点击态，单位毫秒|
 |hover-stay-time|Number|400|手指松开后点击态保留时间，单位毫秒|
 
-**示例**
+**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/view/view)
  
 ```html
 <template>
diff --git a/docs/component/web-view.md b/docs/component/web-view.md
index 0053edae5142b534218726ca75927feb590aa3ba..e3fb5f91d8029c46d3f087d90a4f8204bac6b1f6 100644
--- a/docs/component/web-view.md
+++ b/docs/component/web-view.md
@@ -86,7 +86,7 @@
 	</code>
 </pre>
 
-**示例**
+**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/web-view/web-view)
 ```html
 <template>
 	<view>