diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png
index 94e47758b7ca4fc2dd378303fc776669b81ed17e..eccde502008d1c8df3e6a8e06e4a2f8423098faf 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md
index ab5a4465071b3b681d753046950d07721620b16c..0906104289b59d3289959aa94bbbcfeb3cc7101a 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md
@@ -39,38 +39,47 @@ struct Index {
     Stack() {
       Image("pages/test1.png")
         .autoResize(true)
-      Column(){
-        Text("Normal text with backgroundBlurStyle")
-          .fontSize(30)
-          .fontWeight(FontWeight.Bold)
-          .backgroundBlurStyle(BlurStyle.Thin)
-          .borderRadius(30)
-
-        EffectComponent() {
-          Column() {
-
-            Text("Normal text without blur effect")
-              .fontSize(30)
-              .fontWeight(FontWeight.Bold)
-              .borderRadius(20)
-
-            Text("Normal text with useeffcet blur 1")
-              .useEffect(true)
-              .fontSize(30)
-              .fontWeight(FontWeight.Bold)
-              .borderRadius(20)
-
-            Text("Normal text with useeffcet blur 2")
-              .useEffect(true)
-              .fontSize(30)
-              .fontWeight(FontWeight.Bold)
-              .borderRadius(40)
-          }
-          .borderWidth(5)
-          .borderColor(Color.Green)
+      EffectComponent() {
+        Column({ space: 20 }) {
+          Text("Normal text with backgroundBlurStyle")
+            .textAlign(TextAlign.Center)
+            .fontSize(16)
+            .fontWeight(FontWeight.Medium)
+            .backgroundBlurStyle(BlurStyle.Thin)
+            .borderRadius(16)
+            .width('90%')
+            .height('48')
+
+          Text("Normal text without blur effect")
+            .textAlign(TextAlign.Center)
+            .fontSize(16)
+            .fontWeight(FontWeight.Medium)
+            .border({ width: 1 })
+            .borderRadius(16)
+            .width('90%')
+            .height('48')
+
+          Text("Normal text with useeffcet blur 1")
+            .textAlign(TextAlign.Center)
+            .useEffect(true)
+            .fontSize(16)
+            .fontWeight(FontWeight.Medium)
+            .borderRadius(16)
+            .width('90%')
+            .height('48')
+
+          Text("Normal text with useeffcet blur 2")
+            .textAlign(TextAlign.Center)
+            .useEffect(true)
+            .fontSize(16)
+            .fontWeight(FontWeight.Medium)
+            .borderRadius(16)
+            .width('90%')
+            .height('48')
         }
-        .backgroundBlurStyle(BlurStyle.Thin)
+        .width('100%')
       }
+      .backgroundBlurStyle(BlurStyle.Thin)
     }
     .backgroundColor(Color.Black)
     .width('100%')