diff --git a/zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md b/zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md
index 3e5d3a64da050e39696fb23b3eb39f5ce34ec041..368ed2e8a8f51e0769dac141208022ff5255ae18 100644
--- a/zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md
+++ b/zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md
@@ -58,7 +58,7 @@
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- PersistProp接口使用时,需要保证输入对应的key应当在Appstorage存在。
>- DeleteProp接口使用时,只能对本次启动已经link过的数据生效。
diff --git a/zh-cn/application-dev/ui/ts-application-states-appstorage.md b/zh-cn/application-dev/ui/ts-application-states-appstorage.md
index 2f7c5a200c9b34c55d13001e88591ad36369e418..63761d8b39fac86425ab9727a8c48e2df7ee8ee3 100644
--- a/zh-cn/application-dev/ui/ts-application-states-appstorage.md
+++ b/zh-cn/application-dev/ui/ts-application-states-appstorage.md
@@ -139,7 +139,7 @@ UI组件可以通过装饰器将应用程序状态数据与**AppStorage**进行
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>当前接口当前仅可以处理基础类型数据,对于修改object中某一个值尚未支持。
## AppStorage与组件同步
diff --git a/zh-cn/application-dev/ui/ts-component-based-component.md b/zh-cn/application-dev/ui/ts-component-based-component.md
index e16660280a497526d3e2eb6c672938abd1a71a82..97dae6f63f01d6e2d09f24c95f7f1627b45a973b 100644
--- a/zh-cn/application-dev/ui/ts-component-based-component.md
+++ b/zh-cn/application-dev/ui/ts-component-based-component.md
@@ -9,7 +9,7 @@
对组件化的深入描述,请参考[深入理解组件化](ts-a-deep-dive-into-component.md)。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- 自定义组件必须定义build方法。
>- 自定义组件禁止自定义构造函数。
diff --git a/zh-cn/application-dev/ui/ts-component-based-entry.md b/zh-cn/application-dev/ui/ts-component-based-entry.md
index b84dd545b39605e2d3e9df53d018592d6243d5e1..121aa6a92ba9f286d545e5c80323d0ccfb0a4965 100644
--- a/zh-cn/application-dev/ui/ts-component-based-entry.md
+++ b/zh-cn/application-dev/ui/ts-component-based-entry.md
@@ -2,7 +2,7 @@
用**@Entry**装饰的自定义组件用作页面的默认入口组件,加载页面时,将首先创建并呈现**@Entry**装饰的自定义组件。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>在单个源文件中,最多可以使用**@Entry**装饰一个自定义组件。
## 示例
diff --git a/zh-cn/application-dev/ui/ts-component-based-extend.md b/zh-cn/application-dev/ui/ts-component-based-extend.md
index 3470ec317be64ad8c259738abf92648ff6df2ff1..49e931628762231151ca730e79d7b480f3ae607d 100644
--- a/zh-cn/application-dev/ui/ts-component-based-extend.md
+++ b/zh-cn/application-dev/ui/ts-component-based-extend.md
@@ -23,6 +23,6 @@ struct FancyUse {
}
```
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>@Extend装饰器不能用在自定义组件struct定义框内。
diff --git a/zh-cn/application-dev/ui/ts-component-based-preview.md b/zh-cn/application-dev/ui/ts-component-based-preview.md
index 694cbbed6b5e4d03c0ad4c0c9aa704b801956342..64f134d9097718891f969308382b7b53b164f449 100644
--- a/zh-cn/application-dev/ui/ts-component-based-preview.md
+++ b/zh-cn/application-dev/ui/ts-component-based-preview.md
@@ -2,7 +2,7 @@
用**@Preview**装饰的自定义组件可以在DevEco Studio的预览器上进行预览,加载页面时,将创建并呈现**@Preview**装饰的自定义组件。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>在单个源文件中,最多可以使用**@Preview**装饰一个自定义组件。
## 示例
diff --git a/zh-cn/application-dev/ui/ts-component-states-link.md b/zh-cn/application-dev/ui/ts-component-states-link.md
index 300a785d1a08fe958bd0ed32fdd765bf04e941c2..9cc78870ea08897512cde2b55b645397fa28606c 100644
--- a/zh-cn/application-dev/ui/ts-component-states-link.md
+++ b/zh-cn/application-dev/ui/ts-component-states-link.md
@@ -8,7 +8,7 @@
- **双向通信:**子组件对**@Link**变量的更改将同步修改父组件的**@State**变量;
- **创建自定义组件时需要将变量的引用传递给@Link变量:**在创建组件的新实例时,必须使用命名参数初始化所有**@Link**变量。**@Link**变量可以使用**@State**变量或**@Link**变量的引用进行初始化,**@State**变量可以通过'**$**'操作符创建引用。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>**@Link**变量不能在组件内部进行初始化。
## 简单类型示例
diff --git a/zh-cn/application-dev/ui/ts-component-states-prop.md b/zh-cn/application-dev/ui/ts-component-states-prop.md
index e5f4612a05ad1062adc6946ee72494bbf21df01c..063568a22b4e7ac62287da7908e3876abbb6c8e5 100644
--- a/zh-cn/application-dev/ui/ts-component-states-prop.md
+++ b/zh-cn/application-dev/ui/ts-component-states-prop.md
@@ -63,6 +63,6 @@ struct CountDownComponent {
在上述示例中,当按“+1”或“-1”按钮时,父组件状态发生变化,重新执行**build**方法,此时将创建一个新的**CountDownComponent**组件。父组件的**countDownStartValue**状态属性被用于初始化子组件的**@Prop**变量,当按下子组件的“Try again”按钮时,其**@Prop**变量**count**将被更改,**CountDownComponent**重新渲染。但是**count**值的更改不会影响父组件的**countDownStartValue**值。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>创建新组件实例时,必须初始化其所有**@Prop**变量。
diff --git a/zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md b/zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
index 4bc7a37020be6a1778d56bbe509dc92b7d33a527..1b71e4643908021ad6f0c6916a49e77a79583034 100644
--- a/zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
+++ b/zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
@@ -72,7 +72,7 @@ struct CountDownTimerComponent {
上述示例表明,生命周期函数对于允许CountDownTimerComponent管理其计时器资源至关重要,类似的函数也包括异步从网络请求加载资源。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- 允许在生命周期函数中使用**Promise**和异步回调函数,比如网络资源获取,定时器设置等;
>- 不允许在生命周期函数中使用**async await**。
diff --git a/zh-cn/application-dev/ui/ts-function-build.md b/zh-cn/application-dev/ui/ts-function-build.md
index f2a5985099e7725cd6f1c172ce2bbed9ec7beb33..e417ca683348c21654cb5a21477aa6aac6a28572 100644
--- a/zh-cn/application-dev/ui/ts-function-build.md
+++ b/zh-cn/application-dev/ui/ts-function-build.md
@@ -8,6 +8,6 @@ interface Builder {
}
```
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>build方法仅支持组合组件,使用渲染控制语法。
diff --git a/zh-cn/application-dev/ui/ts-other-states-consume-provide.md b/zh-cn/application-dev/ui/ts-other-states-consume-provide.md
index df22ac16ab55df83b656ce6d37dcbbd0e2b773c0..04cdf7f95e9249056cc011275e36d066d6c910e7 100644
--- a/zh-cn/application-dev/ui/ts-other-states-consume-provide.md
+++ b/zh-cn/application-dev/ui/ts-other-states-consume-provide.md
@@ -52,7 +52,7 @@ Provide作为数据的提供方,可以更新其子孙节点的数据,并触
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>使用@Provide 和@Consume时避免循环引用导致死循环。
其他属性说明与Provide一致。
diff --git a/zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md b/zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
index 9c6db483554f0af4e1ba0f70fcb1ee3c46eb6ec9..8b1fb5d11df6546731b390bbe14f86d2ccde562f 100644
--- a/zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
+++ b/zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
@@ -65,7 +65,7 @@ ForEach\(arr: any\[\],itemGenerator: \(item: any, index?: number\) =\> void, key
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- 必须在容器组件内使用;
>- 生成的子组件允许在**ForEach**的父容器组件中,允许子组件生成器函数中包含**if/else**条件渲染,同时也允许**ForEach**包含在**if/else**条件渲染语句中;
>- 子项生成器函数的调用顺序不一定和数组中的数据项相同,在开发过程中不要假设子项生成器和键值生成器函数是否执行以及执行顺序。如下示例可能无法正常工作:
diff --git a/zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md b/zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md
index 357b53ce20cc726540e1e6010a842551e35eb22e..3ef816d29ec5680cf80cb7b3e25ef125d98e52ef 100644
--- a/zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md
+++ b/zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md
@@ -2,7 +2,7 @@
使用**if/else**进行条件渲染。
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- if条件语句可以使用状态变量。
>- 使用if可以使子组件的渲染依赖条件语句。
>- 必须在容器组件内使用。
diff --git a/zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md b/zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md
index 698a239ceb583fdee9655e440ac9d4dfcfc79bd4..27777d24226e4ec67fc3ea5f159db4ddd5deecb9 100644
--- a/zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md
+++ b/zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md
@@ -151,7 +151,7 @@ LazyForEach\(dataSource: IDataSource, itemGenerator: \(item: any\) =\> void, key
->![](../../public_sys-resources/icon-note.gif) **说明:**
+>![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
>- 数据懒加载必须在容器组件内使用,且仅有List、Grid以及Swiper组件支持数据的懒加载(即只加载可视部分以及其前后少量数据用于缓冲),其他组件仍然是一次加载所有的数据;
>- **LazyForEach**在每次迭代中,必须且只允许创建一个子组件;
>- 生成的子组件必须允许在**LazyForEach**的父容器组件中;