diff --git a/docs/component/checkbox.md b/docs/component/checkbox.md
index 01e0ec8b024c7f7cbefb103d9949dcdf820a6a9d..9aa09da58f3a662b963bd29979b1411a222c8b7f 100644
--- a/docs/component/checkbox.md
+++ b/docs/component/checkbox.md
@@ -19,7 +19,7 @@
 |checked|Boolean|false|当前是否选中，可用来设置默认选中|
 |color|Color||checkbox的颜色，同css的color|
 
-**示例**
+**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/checkbox/checkbox)
  
 以下示例代码，来自于[hello uni-app项目](https://github.com/dcloudio/hello-uniapp)，推荐使用HBuilderX，新建uni-app项目，选择hello uni-app模板，可直接体验完整示例。
 
diff --git a/docs/component/input.md b/docs/component/input.md
index dcfb5da3af0033fd1d820505a1042a917bafc6c2..931f563d81862e11332b774c6b08f6d16a4cc633 100644
--- a/docs/component/input.md
+++ b/docs/component/input.md
@@ -209,6 +209,7 @@ App平台软键盘弹出有 adjustResize|adjustPan 两种模式，默认为 adju
 ```
 > Script
 ```vue
+<script>
 export default {
     data() {
         return {
@@ -235,6 +236,7 @@ export default {
         }
     }
 }
+</script>
 ```
 :::
 
diff --git a/docs/component/label.md b/docs/component/label.md
index 7f279934c9c6af96d7ade823834a968c7fc3dafc..7c51950307de6e4b85da50df0bcccc80ab67def3 100644
--- a/docs/component/label.md
+++ b/docs/component/label.md
@@ -75,6 +75,7 @@ for优先级高于内部控件，内部有多个控件的时候默认触发第
 ```
 > Script
 ```vue
+<script>
 export default {
     data() {
         return {
@@ -127,6 +128,7 @@ export default {
         }
     }
 }
+</script>
 ```
 :::
  
diff --git a/docs/component/picker.md b/docs/component/picker.md
index af761215b666aa5bc645fdacc6ce6c805d61e867..511681c797c72718a12b0fb3a5c97bf3ef7e61ad 100644
--- a/docs/component/picker.md
+++ b/docs/component/picker.md
@@ -179,6 +179,7 @@
 ```
 > Script
 ```vue
+<script>
 export default {
     data() {
         const currentDate = this.getDate({
@@ -228,6 +229,7 @@ export default {
         }
     }
 }
+</script>
 ```
 :::
 
diff --git a/docs/component/radio.md b/docs/component/radio.md
index 956c0b25a0f973ce5ed6243c607c2ac0d1a495af..3dc2b03a0392d26fbc52015e41fb779a07a4cdfb 100644
--- a/docs/component/radio.md
+++ b/docs/component/radio.md
@@ -54,6 +54,7 @@
 ```
 > Script
 ```vue
+<script>
 export default {
     data() {
         return {
@@ -97,7 +98,7 @@ export default {
         }
     }
 }
-
+</script>
 ```
 :::
 
diff --git a/docs/component/slider.md b/docs/component/slider.md
index e817c1e1029855386d0385eb41f65617610f5cf2..9e696107f017be52a14dfde829aa85c490f4898e 100644
--- a/docs/component/slider.md
+++ b/docs/component/slider.md
@@ -32,7 +32,7 @@
 
 ::: preview https://hellouniapp.dcloud.net.cn/pages/component/slider/slider
 > Template
-```vue
+```html
 <!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
 <template>
     <view>
@@ -59,9 +59,7 @@
         </view>
     </view>
 </template>
-```
-> Script
-```vue
+<script>
 export default {
     data() {
         return {}
@@ -72,7 +70,7 @@ export default {
         }
     }
 }
-
+</script>
 ```
 :::
 
diff --git a/docs/component/switch.md b/docs/component/switch.md
index 886325424fb55928a1f8e8e76d6aa087e84067cd..911e011a640958a5563bd7e3cebc34b003ae3286 100644
--- a/docs/component/switch.md
+++ b/docs/component/switch.md
@@ -42,6 +42,7 @@
 ```
 > Script
 ```vue
+<script>
 export default {
     data() {
         return {}
@@ -55,6 +56,7 @@ export default {
         }
     }
 }
+</script>
 ```
 :::
 
diff --git a/docs/component/textarea.md b/docs/component/textarea.md
index 49788e733755ad557e239b4bc672c8bda501021b..b7490fe3155353f123964f1d86f829d7ed476b2a 100644
--- a/docs/component/textarea.md
+++ b/docs/component/textarea.md
@@ -67,9 +67,7 @@
 			</view>
 		</view>
 </template>
-```
-> Script
-```vue
+<script>
 export default {
     data() {
         return {}
@@ -80,6 +78,7 @@ export default {
         }
     }
 }
+</script>
 ```
 :::