diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md b/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md
index 392c06bfa86cb1f400c7694fcad777cc0445161d..660bf067476911558da38244888fb743bd7a2a46 100644
--- a/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md
@@ -192,7 +192,7 @@ export default {
   ctx.lineWidth = '6';
   ctx.strokeStyle = '#0000ff';
   ctx.moveTo(15, 80); 
-  ctx.lineTo(280, 160);
+  ctx.lineTo(280, 80);
   ctx.stroke();
   ```
 
diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md b/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md
index 421ec069f4320c81fd7f77f5c74b5dd431aefb65..d05d7be561eec9f8154535bb7e18806caf6aded7 100644
--- a/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md
+++ b/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md
@@ -106,7 +106,7 @@ export default {
 }
 .todo-wrapper {
   width: 454px;
-  height: 300px;
+  height: 500px;
 }
 .todo-item {
   width: 454px;
diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-container-popup.md b/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-container-popup.md
index acf10bb1a876816d2e9e5e0cd8737b6acd1b7e61..5b0c945c3250617bbc984aca557baf10668d54c3 100644
--- a/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-container-popup.md
+++ b/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-container-popup.md
@@ -94,6 +94,7 @@
   flex-direction: column;
   align-items: center;
   padding-top: 200px;
+  padding-left: 200px;
 }
 .popup {
   mask-color: gray;
@@ -103,7 +104,7 @@
 }
 .button {
   width: 220px;
-  height: 70px;
+  height: 100px;
   margin-top: 50px;
 }
 ```
diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-svg.md b/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-svg.md
index 19ee9471fb246da37b8ce8934c796024440ea853..4ff886bd12d6d9edaeaf1234faa118e12b5ac2a1 100644
--- a/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-svg.md
+++ b/zh-cn/application-dev/reference/apis-arkui/arkui-js/js-components-svg.md
@@ -20,7 +20,7 @@
 
 ## 属性
 
-支持Svg组件[通用属性](js-components-svg-common-attributes.md)和以下属性，设置的通用属性会传递给子组件。
+支持svg组件[通用属性](js-components-svg-common-attributes.md)和以下属性，设置的通用属性会传递给子组件。
 
 | 名称      | 类型                                 | 默认值  | 必填   | 描述                                       |
 | ------- | ---------------------------------- | ---- | ---- | ---------------------------------------- |
diff --git a/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/js-service-widget-container-badge.md b/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/js-service-widget-container-badge.md
index 53342fd51733fd9d92f931e28899b341fdd9a2be..046316be77c4bad7ea9a15ef9dda6b4a39a192d8 100644
--- a/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/js-service-widget-container-badge.md
+++ b/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/js-service-widget-container-badge.md
@@ -49,53 +49,52 @@
 ## 示例
 
    ```html
-    <!-- xxx.hml -->
-    <div class="container">
-      <badge class="badge" config="{{badgeconfig}}" visible="true" count="100" maxcount="99">
+<!-- xxx.hml -->
+<div class="container">
+    <badge class="badge" config="{{ badgeconfig }}" visible="true" count="100" maxcount="99">
         <text class="text1">example</text>
-      </badge>
-      <badge class="badge" visible="true" count="1">
+    </badge>
+    <badge class="badge" visible="true" count="1">
         <text class="text2">example</text>
-      </badge>
-    </div>
+    </badge>
+</div>
    ```
 
    ```css
-    /* xxx.css */
-    .container {
-      flex-direction: column;
-      width: 100%;
-      align-items: center;
-    }
-
-    .badge {
-      width: 80px;
-      height: 60px;
-      margin-top: 30px;
-    }
-
-    .text1 {
-      background-color: #f9a01e;
-      font-size: 19fp;
-    }
-
-    .text2 {
-      background-color: #46b1e3;
-      font-size: 19fp;
-    }
+/* xxx.css */
+.container {
+    flex-direction: column;
+    width: 100%;
+    align-items: center;
+}
+
+.badge {
+    width: 160px;
+    height: 60px;
+    margin-top: 30px;
+}
+
+.text1 {
+    background-color: #f9a01e;
+    font-size: 19fp;
+}
+
+.text2 {
+    background-color: #46b1e3;
+    font-size: 19fp;
+}
    ```
 
-   ```json
-    {
-      "data":{
-        "badgeconfig":{
-          "badgeColor":"#0a59f7",
-          "textColor":"#ffffff",
-          "textSize":"9px",
-          "badgeSize": "14px"
+   ```js
+// xxx.js
+export default {
+    data: {
+        badgeconfig: {
+            badgeColor: "#0a59f7",
+            textColor: "#ffffff",
         }
-      }
     }
+}
    ```
 
 ![badgeSample](figures/badgeSample.png)
\ No newline at end of file
diff --git a/zh-cn/application-dev/ui/arkts-create-overlaymanager.md b/zh-cn/application-dev/ui/arkts-create-overlaymanager.md
index 7b243481d8dadf6848761362cd50abfe4ffefe1c..854eacebb62ee05963d4465360e244e6f94d05d5 100644
--- a/zh-cn/application-dev/ui/arkts-create-overlaymanager.md
+++ b/zh-cn/application-dev/ui/arkts-create-overlaymanager.md
@@ -50,7 +50,7 @@ struct OverlayExample {
   @StorageLink('contentArray') contentArray: ComponentContent<Params>[] = [];
   @StorageLink('componentContentIndex') componentContentIndex: number = 0;
   @StorageLink('arrayIndex') arrayIndex: number = 0;
-  @StorageLink("componentOffset") componentOffset: Position = { x: 0, y: 80 };
+  @StorageLink("componentOffset") componentOffset: Position = { x: 0, y: 30 };
 
   build() {
     Column({ space: 10 }) {