diff --git a/zh-cn/application-dev/ui/arkts-layout-development-performance-boost.md b/zh-cn/application-dev/ui/arkts-layout-development-performance-boost.md
index cace34193f8de687b16d743ce8238aea0cdd3961..2069c86626b4d7ccde0cccab32f9e64aabc2099f 100644
--- a/zh-cn/application-dev/ui/arkts-layout-development-performance-boost.md
+++ b/zh-cn/application-dev/ui/arkts-layout-development-performance-boost.md
@@ -13,9 +13,11 @@ Flex为采用弹性布局的容器。容器内部的所有子元素，会自动
 
 
 - 第一次布局子组件主轴尺寸长度总和等于容器主轴尺寸长度，不需要二次布局。
+
   ![layout-performance-1](figures/layout-performance-1.png)
 
 - 第一次布局子组件主轴尺寸长度总和小于容器主轴尺寸长度，且包含设置有效的flexGrow属性的子组件，设置有效的flexGrow属性的子组件会触发二次布局，拉伸布局填满容器。
+
   ![layout-performace-2](figures/layout-performace-2.gif)
 
 - 第一次布局子组件主轴尺寸长度总和大于容器主轴尺寸长度，且包含设置有效的flexShrink属性（flex子组件默认值为1，为有效值）的子组件，设置有效的flexShrink属性的子组件会触发二次布局，压缩布局填满容器。
diff --git a/zh-cn/application-dev/ui/figures/layout-performace-2.gif b/zh-cn/application-dev/ui/figures/layout-performace-2.gif
index 59c81dd976a8a48d3b1d77c1a787a62b053c82e7..87cc7662bec8ac85dbc492c7add78c0eec0a42ad 100644
Binary files a/zh-cn/application-dev/ui/figures/layout-performace-2.gif and b/zh-cn/application-dev/ui/figures/layout-performace-2.gif differ
diff --git a/zh-cn/application-dev/ui/figures/layout-performace-3.gif b/zh-cn/application-dev/ui/figures/layout-performace-3.gif
index 7c0973e179375d8ada5b3a5ff5f59d356d7c0768..25ec01c05610a8a8585b19945ddf9c77f009659d 100644
Binary files a/zh-cn/application-dev/ui/figures/layout-performace-3.gif and b/zh-cn/application-dev/ui/figures/layout-performace-3.gif differ
diff --git a/zh-cn/application-dev/ui/figures/layout-performace-5.gif b/zh-cn/application-dev/ui/figures/layout-performace-5.gif
index 0b31f4a2428146a01ab85f764dc14523136451f5..4ecd1b01aace97b05524b0b04f3d43a035f4806d 100644
Binary files a/zh-cn/application-dev/ui/figures/layout-performace-5.gif and b/zh-cn/application-dev/ui/figures/layout-performace-5.gif differ
diff --git a/zh-cn/application-dev/ui/figures/layout-performace-6.gif b/zh-cn/application-dev/ui/figures/layout-performace-6.gif
index 47abbed7d245d4add5cd81a685aece4f0b96b958..c345765e24fbcf00f06ecdc8a197583cbd843c22 100644
Binary files a/zh-cn/application-dev/ui/figures/layout-performace-6.gif and b/zh-cn/application-dev/ui/figures/layout-performace-6.gif differ