diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
index 73d0d355a411f3cf549ace6f870427b80fc357cc..4921a3c4eb0446567ae16b27aaa994820fd55542 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
@@ -101,26 +101,28 @@
        headericon="/common/search.svg" placeholder="Please input text" onchange="change"
        onenterkeyclick="enterkeyClick">
      </input>
-     <input class="button" type="button" value="Submit" onclick="buttonClick"></input>
+     <input class="button" type="button" value="Submit" onclick="buttonClick" style="color: blue"></input>
    </div>
    ```
 
    ```css
    /* xxx.css */
    .content {
-     width: 60%;
+     width: 100%;
      flex-direction: column;
      align-items: center;
    }
    .input {
+     width: 60%;
      placeholder-color: gray;
    }
    .button {
+     width: 60%;
      background-color: gray;
      margin-top: 20px;
-   }
+    }
    ```
-
+   
    ```js
    // xxx.js
    import prompt from '@system.prompt'
@@ -142,9 +144,10 @@
          error: 'error text'
        });
      },
-   }
+    }
    ```
 
+
    ![zh-cn_image_0000001252835901](figures/zh-cn_image_0000001252835901.png)
 
 2. type为button
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md
index ae7bebf6bbbbe32d419bd75df5587279c3a29553..d134e5bf1090eeddf3c664eee8f8d584eb9050ea 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md
@@ -82,7 +82,7 @@
 /*xxx.css */
 .container {
   flex-direction: column;
-  align-items: center;
+  margin-left: 20px;
 }
 .row {
   flex-direction: row;
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md
index 5b156b7bffefe8b1e34d718c789e38d4dc1c4249..eb7e960a47abd94b5d13ad9f12f15f4440210a89 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md
@@ -58,8 +58,6 @@
 <div class="container">
   <qrcode value="{{qr_value}}" type="{{qr_type}}"
   style="color: {{qr_col}};background-color: {{qr_bcol}};width: {{qr_size}};height: {{qr_size}};margin-bottom: 70px;"></qrcode>
-  <text class="txt">Value</text>
-  <input onChange="setValue">123</input>
   <text class="txt">Type</text>
   <switch showtext="true" checked="true" texton="rect" textoff="circle" onchange="settype"></switch>
   <text class="txt">Color</text>
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
index 6715bc42fc91491db5d363173a0962962603faec..637be8eba85b2792272b3d59cdd07e4940cb6313 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
@@ -37,7 +37,7 @@
 
 ### getContext
 
-getContext(type: '2d', options?:  ContextAttrOptions): CanvasRendering2dContext
+getContext(type: '2d', options?:  ContextAttrOptions): CanvasRenderingContext2D
 
 获取canvas绘图上下文。不支持在onInit和onReady中进行调用。
 
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
index 67e55748dcf4baf58b5df617cc9bd0300baab7a0..7785dfd52b5e5c8a026ecc5882d2c6751e28abb3 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
@@ -319,7 +319,7 @@ Page1有一个不透明盒子，点击盒子会跳转到Page2，当点击Page2
    <div class="container">
        <text>transition</text>
        <div class="move_page" onclick="jumpBack"></div>
-   </div
+   </div>
    ```
 
    ```js
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-list.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list.md
index 7414bbdc09505ec7ba9523eeaf200349bbcb1fbd..d5ca0fc58411acef62562fb9d23aec49b3921d14 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-container-list.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-list.md
@@ -62,16 +62,16 @@
 
 除支持[通用事件](../arkui-js/js-components-common-events.md)外，还支持如下事件：
 
-| 名称                         | 参数                                       | 描述                                       |
-| -------------------------- | ---------------------------------------- | ---------------------------------------- |
-| indexerchange<sup>5+</sup> | {&nbsp;local:&nbsp;booleanValue&nbsp;}   | 多语言索引条切换事件，仅当indexer属性为true，indexermulti为true时生效。booleanValue可能值为true或者false：<br/>-&nbsp;true:&nbsp;当前展示本地索引。<br/>-&nbsp;false:&nbsp;当前展示字母索引。 |
+| 名称                       | 参数                                                         | 描述                                                         |
+| -------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| indexerchange<sup>5+</sup> | {&nbsp;local:&nbsp;booleanValue&nbsp;}                       | 多语言索引条切换事件，仅当indexer属性为true，indexermulti为true时生效。booleanValue可能值为true或者false：<br/>-&nbsp;true:&nbsp;当前展示本地索引。<br/>-&nbsp;false:&nbsp;当前展示字母索引。 |
 | scroll                     | {&nbsp;scrollX:&nbsp;scrollXValue,&nbsp;scrollY:&nbsp;scrollYValue,&nbsp;scrollState:&nbsp;stateValue&nbsp;} | 列表滑动的偏移量和状态回调。<br/>stateValue:&nbsp;0表示列表滑动已经停止。<br/>stateValue:&nbsp;1表示列表正在用户触摸状态下滑动。<br/>stateValue:&nbsp;2表示列表正在用户松手状态下滑动。 |
-| scrollbottom               | -                                        | 当前列表已滑动到底部位置。                            |
-| scrolltop                  | -                                        | 当前列表已滑动到顶部位置。                            |
-| scrollend                  | -                                        | 列表滑动已经结束。                                |
-| scrolltouchup              | -                                        | 手指已经抬起且列表仍在惯性滑动。                         |
-| requestitem                | -                                        | 请求创建新的list-item。<br/>长列表延迟加载时，可视区域外缓存的list-item数量少于cachedcount时，会触发该事件。 |
-| rotate<sup>7+</sup>        | {&nbsp;rotateValue:&nbsp;number&nbsp;}   | 返回表冠旋转角度增量值，仅智能穿戴支持。                     |
+| scrollbottom               | -                                                            | 当前列表已滑动到底部位置。                                   |
+| scrolltop                  | -                                                            | 当前列表已滑动到顶部位置。                                   |
+| scrollend                  | -                                                            | 列表滑动已经结束。                                           |
+| scrolltouchup              | -                                                            | 手指已经抬起且列表仍在惯性滑动。                             |
+| requestitem                | -                                                            | 请求创建新的list-item。<br/>长列表延迟加载时，可视区域外缓存的list-item数量少于cachedcount时，会触发该事件。 |
+| rotation<sup>7+</sup>      | {&nbsp;rotateValue:&nbsp;number&nbsp;}                       | 返回表冠旋转角度增量值，仅智能穿戴支持。                     |
 
 
 ## 方法
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md b/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
index 64066963bcd7664ceb0a409403984bf8ead3c203..73090b6498defa2b2ac7b9a27028fae45ec809dd 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
@@ -5,15 +5,6 @@
 >
 >  - 从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 >
->  - 需要在config.json对应的"abilities"中设置"configChanges"属性为"orientation"
->  ```
->  "abilities": [
->  {
->  "configChanges": ["orientation"],
->  ...
->  }
->  ]
->  ```
 
 视频播放组件。
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
index c67914d7f0af03f543fc272e3b187cc8df3683d8..75e927bf604194c4d19b99c2a291b8cd94c1876d 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
@@ -133,17 +133,18 @@ onBreakpointChange(callback: (breakpoints: string) => void)
 struct GridRowExample {
   @State bgColors: Color[] = [Color.Red, Color.Orange, Color.Yellow, Color.Green, Color.Pink, Color.Grey, Color.Blue, Color.Brown]
   @State currentBp: string = 'unknown'
+
   build() {
     Column() {
       GridRow({
         columns: 5,
-        gutter: {x:5, y:10},
-        breakpoints: {value:["400vp", "600vp", "800vp"],
-          reference: BreakpointsReference.WindowSize},
+        gutter: { x: 5, y: 10 },
+        breakpoints: { value: ["400vp", "600vp", "800vp"],
+          reference: BreakpointsReference.WindowSize },
         direction: GridRowDirection.Row
       }) {
-        ForEach(this.bgColors, (color)=>{
-          GridCol({ span: {xs:1, sm:2, md:3, lg:4}}) {
+        ForEach(this.bgColors, (color) => {
+          GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 } }) {
             Row().width("100%").height("20vp")
           }.borderColor(color).borderWidth(2)
         })
@@ -151,8 +152,8 @@ struct GridRowExample {
       .onBreakpointChange((breakpoint) => {
         this.currentBp = breakpoint
       })
-    }.width('80%').margin({ left: 10,top: 5, bottom:5 }).height(200)
-    .border({color:Color.Blue, width:2})
+    }.width('80%').margin({ left: 10, top: 5, bottom: 5 }).height(200)
+    .border({ color: '#880606', width: 2 })
   }
 }
 ```