diff --git a/en/application-dev/reference/arkui-js/figures/1-9.png b/en/application-dev/reference/arkui-js/figures/1-9.png
index 5e7bc3dec11daa00059d3ec93d77ac15ce357a14..3d74a346c8d9d41efbef3f0f2feb12b19fc90a94 100644
Binary files a/en/application-dev/reference/arkui-js/figures/1-9.png and b/en/application-dev/reference/arkui-js/figures/1-9.png differ
diff --git a/en/application-dev/reference/arkui-js/figures/3.png b/en/application-dev/reference/arkui-js/figures/3.png
index b370937f36a472829e7a08a4439b4025721b0437..495f967777f91ce6e654c278683807ef6560809c 100644
Binary files a/en/application-dev/reference/arkui-js/figures/3.png and b/en/application-dev/reference/arkui-js/figures/3.png differ
diff --git a/en/application-dev/reference/arkui-js/figures/c3.png b/en/application-dev/reference/arkui-js/figures/c3.png
deleted file mode 100644
index dca96aeb057ba12dc63365e613007e54dd268a40..0000000000000000000000000000000000000000
Binary files a/en/application-dev/reference/arkui-js/figures/c3.png and /dev/null differ
diff --git a/en/application-dev/reference/arkui-js/figures/example.gif b/en/application-dev/reference/arkui-js/figures/example.gif
index 98bf461673a8f11366755e99b8f59baf7cc282e8..00f9ce6746501edad918bda726b3e143991189fc 100644
Binary files a/en/application-dev/reference/arkui-js/figures/example.gif and b/en/application-dev/reference/arkui-js/figures/example.gif differ
diff --git a/en/application-dev/reference/arkui-js/js-components-basic-image.md b/en/application-dev/reference/arkui-js/js-components-basic-image.md
index a2b12f6effff89978040365e49b0ee16c8084433..2afd0a80fce71b2d7cbc3b8f756e57e3eb8ce303 100644
--- a/en/application-dev/reference/arkui-js/js-components-basic-image.md
+++ b/en/application-dev/reference/arkui-js/js-components-basic-image.md
@@ -202,7 +202,7 @@ Methods in  [Universal Methods](js-components-common-methods.md)  are supported.
 ```
 <!-- xxx.hml -->
 <div class="container">
-  <image src="common/images/hw_right.png" style="width: 300px; height: 300px; object-fit:{{fit}}; object-position: center center; border: 1px solid red; ">
+  <image src="common/images/example.png" style="width: 300px; height: 300px; object-fit:{{fit}}; object-position: center center; border: 1px solid red; ">
   </image>
   <select class="selects" onchange="change_fit">
     <option for="{{fits}}" value="{{$item}}">{{$item}}</option>
@@ -240,5 +240,5 @@ export default {
 }
 ```
 
-![](figures/gif.gif)
+![](figures/example.gif)
 
diff --git a/en/application-dev/reference/arkui-js/js-components-basic-text.md b/en/application-dev/reference/arkui-js/js-components-basic-text.md
index 683c27d7138bc1e9c0c59251b55dc0bcc68e10b8..281f2eb0282573382bdcae147e623a3546d8918a 100644
--- a/en/application-dev/reference/arkui-js/js-components-basic-text.md
+++ b/en/application-dev/reference/arkui-js/js-components-basic-text.md
@@ -339,11 +339,6 @@ Methods in  [Universal Methods](js-components-common-methods.md)  are supported.
   width: 400px;
   height: 400px;
   border: 20px;
-  border-image-source: url("/common/images/landscape.jpg");
-  border-image-slice: 20px;
-  border-image-width: 30px;
-  border-image-outset: 10px;
-  border-image-repeat: round;
 }
 .title {
   font-size: 80px;
diff --git a/en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md b/en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
index 0eaa85d778d22dd9395c16f40d45ec60284bc469..53cce764385f29e9ef9a2b65043dad9f2be90d7f 100644
--- a/en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
+++ b/en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
@@ -85,7 +85,6 @@ In addition to the attributes that are supported by  **CanvasRenderingContext2D*
     }
     ```
 
-    ![](figures/c3.png)
 
 
 ## Methods<a name="section47669296127"></a>
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898470.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898470.gif
index 8b877c7bedb4021440eeac2b0a9a9c5d28377da3..b0422fb68634122e8ec69e1eb90a7c6bd780b17d 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898470.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898470.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898472.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898472.png
index e764c43599592d821c403aac0d3fa40d9edd22e5..c8740613a2a7585066a447b68c6edae689e9e709 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898472.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898472.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898484.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898484.gif
index 05ad0a8aa0ae63ae9193aa1c9b3f943f060220da..3dfbd730c80b91d5dcb0583fad6af2c6895febfd 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898484.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898484.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898498.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898498.gif
index e7dc2d19afd049c44c75e1288063df96326e524c..dc802e8f3c4d0a865059697e615eac1cd52a337b 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898498.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898498.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898502.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898502.png
index 4e556034506103bd7e7b491d72ef74b9eccde52c..f3ba651bf13f616108247049bbad02662cd7abe0 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898502.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898502.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898504.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898504.png
index 3c6e9c72046d14a46ed93a1075ee580510e64f92..1dc7d8d7beda862221b05a9247723a3f74bf323d 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898504.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001211898504.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058460.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058460.gif
index 4770183525428b6df03bf1b3eb8cc4160a1568a1..f70d75a50c028de29ab4b60075b7644316927eab 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058460.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058460.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058466.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058466.png
index f36078d6d832fa757378b72fa0739f66fe781c64..1b1cedac00a77279faa829636bc85028fb5ec711 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058466.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058466.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058472.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058472.png
index 8c8194c14b5ca1ea743782db95027035370ead7e..f27c36a73c65f9c87af5cdbc382046cb4b78064b 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058472.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058472.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058474.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058474.png
index 085d31e9bf7c5740ac3c46d04c4098e64eb3a544..9dd3c2c156b40ce5feb16eb8b8d4541361f877d2 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058474.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058474.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058494.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058494.png
index 3b2e35a9a29c6f849cd4e766c8fac0016b95365d..747b8f915f2d40803ce6a7937de1add5deb8e640 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058494.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212058494.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212218452.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212218452.png
index c1bfde1c57599f8cc40d0dc50179c71f4dfc2978..2243912034c109d0ffa57837aa28f4fab4ed55d7 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212218452.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212218452.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378428.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378428.png
index cdb53d971cbadb6479cc755ae0a95cd4c0c3bff1..5b72c400df568916e04f666f40f80d72ca5195f5 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378428.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378428.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858397.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858397.gif
index ecbaeb8cc1a3ec9e1ecfd253b605be50836b1f46..f312df91ae0f7fd8cd8520904a11ddaccd7c58e4 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858397.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858397.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858419.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858419.png
index 15e3b57fbcadac9e9c6f4c1446bd16c53845f888..605c0a1ddc0e2bace2e4c9a23fc2391af9ebf5bf 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858419.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256858419.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978335.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978335.gif
index 93c0edf4c20f9d29725065f5bdf7a5208da2e2fd..7a0a33ad1f90625edd3f24f7c8702ada65d6febd 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978335.gif and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978335.gif differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978367.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978367.png
index 4f6f99db3df495c744c612e3a2dff20d2a757a43..5c0ada67867ec3765eeb53af5c62369762d0bac4 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978367.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978367.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978377.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978377.png
index 7dafd299b8e48ead7d6f783e5a370e31257e341c..4869b5a17b785a154f48e18b703e2bc22335af04 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978377.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001256978377.png differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001257138385.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001257138385.png
index e764c43599592d821c403aac0d3fa40d9edd22e5..4ff00bf651522edb5aacdada2e984480d435dc14 100644
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001257138385.png and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001257138385.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222807772.gif b/en/application-dev/ui/figures/en-us_image_0000001222807772.gif
index b2097084b8dda33575a19b7c97d0555dcd5c04f9..533f2e992735920f588b264d5d7d89a1a7479c8b 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222807772.gif and b/en/application-dev/ui/figures/en-us_image_0000001222807772.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222807792.png b/en/application-dev/ui/figures/en-us_image_0000001222807792.png
index 3834601d70a5121e18af408bb6a12bbdbf54a28c..2923d13dcf52b856158b440de03df929abc4955b 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222807792.png and b/en/application-dev/ui/figures/en-us_image_0000001222807792.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222807796.png b/en/application-dev/ui/figures/en-us_image_0000001222807796.png
index 2ca7c5488fb83a122e7f8ea1fba1e2d59324e513..320dba877750c55bcd37ef748930f5c407c5db6e 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222807796.png and b/en/application-dev/ui/figures/en-us_image_0000001222807796.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222807800.gif b/en/application-dev/ui/figures/en-us_image_0000001222807800.gif
index 218be7ed11ffd1f1f199c347f0fa90e6f6b64b53..b07f4a9f456b5bccab8fe2a2dc997818efad5ddb 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222807800.gif and b/en/application-dev/ui/figures/en-us_image_0000001222807800.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222967756.gif b/en/application-dev/ui/figures/en-us_image_0000001222967756.gif
index 40f7c00741880a81530581d5488c2ff96e0e7bf2..b3b2de4f42ad63fdde8eccb756bbdb8943d14aed 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222967756.gif and b/en/application-dev/ui/figures/en-us_image_0000001222967756.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222967772.png b/en/application-dev/ui/figures/en-us_image_0000001222967772.png
index f33eb296f27701a00461cd9231f7d9af014a3814..e2b4a1b1ce009bec2c798eb1c353ebc7790ac9d9 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222967772.png and b/en/application-dev/ui/figures/en-us_image_0000001222967772.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222967776.png b/en/application-dev/ui/figures/en-us_image_0000001222967776.png
index f125f44d4a956c717f3bf1481f7161cf41e79a39..767315d2f69278028746341e79f88ad179930338 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222967776.png and b/en/application-dev/ui/figures/en-us_image_0000001222967776.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001222967792.png b/en/application-dev/ui/figures/en-us_image_0000001222967792.png
index a8e6cea551b7ff328a76939309164a0b47b803e3..755e48ab0e98bb01ff2541e5cdc74346f7c3ae0b 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001222967792.png and b/en/application-dev/ui/figures/en-us_image_0000001222967792.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001223127732.png b/en/application-dev/ui/figures/en-us_image_0000001223127732.png
index 4e6560056b15b9c570758670eb65311168df7e9a..aaa0cbf699a302616ce142f43ea3b96df99d75ac 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001223127732.png and b/en/application-dev/ui/figures/en-us_image_0000001223127732.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001223127736.png b/en/application-dev/ui/figures/en-us_image_0000001223127736.png
index 4d26b5ba589c8b9126c51b54ff4d67476771cdf2..4a2ff6d5872e196a3c1e2e4a21a57a9e838b519f 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001223127736.png and b/en/application-dev/ui/figures/en-us_image_0000001223127736.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001223127744.gif b/en/application-dev/ui/figures/en-us_image_0000001223127744.gif
index 5643eb93241bf15f6cb75ffaf463ada35ba13201..8e9c75334361806ac822c8c0f2c377c1679c6ca3 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001223127744.gif and b/en/application-dev/ui/figures/en-us_image_0000001223127744.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001223287708.gif b/en/application-dev/ui/figures/en-us_image_0000001223287708.gif
index d69156cdc0d1f1f33560148c1161618f97acb21d..fb5399a47b281cb586dbc4460fc0db6381d1e4ab 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001223287708.gif and b/en/application-dev/ui/figures/en-us_image_0000001223287708.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607873.gif b/en/application-dev/ui/figures/en-us_image_0000001267607873.gif
deleted file mode 100644
index 5e38a4068976c9b5e298ff33ad4cfc711de4b2a6..0000000000000000000000000000000000000000
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607873.gif and /dev/null differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607877.png b/en/application-dev/ui/figures/en-us_image_0000001267607877.png
index fad940f7f4fba442aa1b267c66cdc21c5d3a1d2c..546fb29b1f18573353d11d5515f444bf720fcf52 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607877.png and b/en/application-dev/ui/figures/en-us_image_0000001267607877.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607885.gif b/en/application-dev/ui/figures/en-us_image_0000001267607885.gif
index fc1eab30eb6a87308eaf399a89f1a755223f3995..fde104516f23c4dcc56b3c9f54334d7ee40925a6 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607885.gif and b/en/application-dev/ui/figures/en-us_image_0000001267607885.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607901.png b/en/application-dev/ui/figures/en-us_image_0000001267607901.png
index 032c5bae7d3269bd4a3bb813e9d69c9271ac9843..49182b6d8f1c96dcbaac493179fdab3d4b9a7bd4 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607901.png and b/en/application-dev/ui/figures/en-us_image_0000001267607901.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607905.gif b/en/application-dev/ui/figures/en-us_image_0000001267607905.gif
index 4a815c6f3db9654b71cc1d11821eab521ca7aeee..4164ebf51f658788a8cd51058db46600b9b9fac0 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607905.gif and b/en/application-dev/ui/figures/en-us_image_0000001267607905.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267607909.gif b/en/application-dev/ui/figures/en-us_image_0000001267607909.gif
index 220d14e0637e2808211cec10173c6c4a7552b64c..0173419db3fd06cc5d328dd6931a2c76664f4596 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267607909.gif and b/en/application-dev/ui/figures/en-us_image_0000001267607909.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267647857.gif b/en/application-dev/ui/figures/en-us_image_0000001267647857.gif
index 014958726f3f42a6bd92b341695c8ed03b3fd211..167105139f72d65a10fce1865365d601771ba94e 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267647857.gif and b/en/application-dev/ui/figures/en-us_image_0000001267647857.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267647873.png b/en/application-dev/ui/figures/en-us_image_0000001267647873.png
index d1dc59cd8ac1b5dc7da2f57d16d9a080bb449114..b6045521e10cf66733222c0b85b1b65dd20cb66f 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267647873.png and b/en/application-dev/ui/figures/en-us_image_0000001267647873.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267767849.png b/en/application-dev/ui/figures/en-us_image_0000001267767849.png
index 7eb0d2cc3f3dd8e239e9232e655344c864cbf679..f6b70b8f1ef886bf8ed6f26e148bddee0b163fd5 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267767849.png and b/en/application-dev/ui/figures/en-us_image_0000001267767849.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267767869.png b/en/application-dev/ui/figures/en-us_image_0000001267767869.png
index 2a2376e7e953d35b7d0fb1f6d53314bc0d7cb6b5..a6d0026ba316551ff0819493b84ae8c9cb063289 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267767869.png and b/en/application-dev/ui/figures/en-us_image_0000001267767869.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267767873.gif b/en/application-dev/ui/figures/en-us_image_0000001267767873.gif
deleted file mode 100644
index 80a6d574da0827642f85fd34d1acd11caade21cf..0000000000000000000000000000000000000000
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267767873.gif and /dev/null differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267767881.png b/en/application-dev/ui/figures/en-us_image_0000001267767881.png
index 9c9be43d1fedfbd8660965190865110f007d8161..fb85274edcd9b0a66eaa9e3da3b77e543c048cc8 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267767881.png and b/en/application-dev/ui/figures/en-us_image_0000001267767881.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267887833.png b/en/application-dev/ui/figures/en-us_image_0000001267887833.png
index 883981a250b68a29db2027dee82a9a19c34c8e1a..d0e9cf658b9b396873f24666945bb796384c2041 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267887833.png and b/en/application-dev/ui/figures/en-us_image_0000001267887833.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267887861.png b/en/application-dev/ui/figures/en-us_image_0000001267887861.png
index 3a97ead3b625041b9a3a33c8db8cd7cb79276a2d..5accde8bbb1146e3bade9d6cc4d35127dd58b86f 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267887861.png and b/en/application-dev/ui/figures/en-us_image_0000001267887861.png differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267887865.gif b/en/application-dev/ui/figures/en-us_image_0000001267887865.gif
index b5e2ed34cf960792ca65ce6d9197ac0fc5d49f8c..7de3e743a4a889057dc7ad5b5ba57101bd8c2485 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267887865.gif and b/en/application-dev/ui/figures/en-us_image_0000001267887865.gif differ
diff --git a/en/application-dev/ui/figures/en-us_image_0000001267887869.gif b/en/application-dev/ui/figures/en-us_image_0000001267887869.gif
index d4b3de8f257c571e6fec3ff51795936b2d94d2f0..26152ef9f22387729561bdddb9fa7d50019e08cb 100644
Binary files a/en/application-dev/ui/figures/en-us_image_0000001267887869.gif and b/en/application-dev/ui/figures/en-us_image_0000001267887869.gif differ
diff --git a/en/application-dev/ui/ui-js-animate-background-position-style.md b/en/application-dev/ui/ui-js-animate-background-position-style.md
index a92e243b7f9b8d3ec425383a8554fc90e838615a..567468ef9817e7bb83d0d6650f32a7711fb8cb15 100644
--- a/en/application-dev/ui/ui-js-animate-background-position-style.md
+++ b/en/application-dev/ui/ui-js-animate-background-position-style.md
@@ -76,8 +76,5 @@ By changing the background-position attribute (where the first value is the posi
 ```
 
 
-![en-us_image_0000001267607873](figures/en-us_image_0000001267607873.gif)
-
-
 > ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**:
 > The background-position attribute can only be used to move background images, but not the background color (background-color).
diff --git a/en/application-dev/ui/ui-js-components-images.md b/en/application-dev/ui/ui-js-components-images.md
index 3497b09ad3d4f5c437ece54b573d7ec7e7cd8222..2efab79c2b112824278d8e2fda72fbbf5a847d85 100644
--- a/en/application-dev/ui/ui-js-components-images.md
+++ b/en/application-dev/ui/ui-js-components-images.md
@@ -62,84 +62,6 @@ image{
 ![en-us_image_0000001222807796](figures/en-us_image_0000001222807796.png)
 
 
-## Display Multiple Images
-
-  Define a for loop to display multiple images cyclically. Set option to specify the image scale style. For details about the scale styles, see the description of object-fit.
-
-```
-<!-- index.hml -->
-<div class="page-container">
-  <list>
-    <list-item class="item-container" for="{{list}}">
-      <image class="testimage" src="{{url[$idx]}}" style="object-fit: {{fit}};"></image>
-      <div class="text-container">
-        <text style="font-size: 32px;color:#7b68ee;">image{{$idx}}</text>
-        <text style="font-size: 23px;color: orange;font-style: italic;">content</text>
-      </div>
-    </list-item>
-  </list>
-  <div style="width: 100%;height:100px;justify-content: center;margin-top: 100px;flex-shrink: 0;">
-    <select id="slt2" style="border: 3px solid orange;color: orange;font-size: 40px;width:300px;height:160px;" onchange="setfit">
-      <option for="{{fit_list}}" value="{{$item}}" style="font-size: 36px;">{{$item}}</option>
-    </select>
-  </div>
-</div>
-```
-
-
-```
-/* xxx.css */
-.page-container {
-  flex-direction:column;
-  background-color:#F1F3F5;
-}
-.text-container {
-  width: 300px;
-  flex-direction: column;
-  justify-content: center;
-}
-.item-container {
-  flex-direction: row;
-  align-items: center;
-  justify-content:center;
-  margin-top:200px;
-}
-.testimage {
-  width: 175px;
-  height: 220px;
-  border: 5px solid #add8e6;
-  padding: 5px 5px 5px 5px;
-  margin: 5px 5px 5px 5px;
-}
-.testicon {
-  width: 50px;
-  height: 50px;
-  margin-left: 150px;
-  border-radius: 25px;
-  background-color: orange;
-}
-```
-
-
-```
-/* index.js */
-export default {
-  data: {
-    url:['common/images/bg-tv.jpg','common/images/img2.jpg'],
-    list:[0,1],
-    fit:'cover',
-    fit_list:['cover','contain','fill','none','scale-down']
-  },
-  setfit(e) {
-    this.fit = e.newValue
-  }
-}
-```
-
-
-![en-us_image_0000001267767873](figures/en-us_image_0000001267767873.gif)
-
-
 ## Loading Images
 
 When an image is successfully loaded, the complete event is triggered, and the loaded image is returned. If an exception occurs during image loading, the error event is triggered, and the image loading failure is printed.
diff --git a/en/application-dev/ui/ui-ts-building-data-model.md b/en/application-dev/ui/ui-ts-building-data-model.md
index 633fb0e94d63dc21ee993a87f768a0df5cd299ff..eece0586e93fd0a9e19d554af5d6beab5ab23354 100644
--- a/en/application-dev/ui/ui-ts-building-data-model.md
+++ b/en/application-dev/ui/ui-ts-building-data-model.md
@@ -13,7 +13,7 @@ On the created page, we use various items to describe food, such as food names,
 2. Define a food data storage model, FoodData, and an enum variable, Category. The FoodData class contains the food ID, name, category, image, calories, protein, fat, carbohydrates, and vitamin C attributes.
    The eTS programming language is an extension of the TS language and also supports the TS syntax.
 
-     
+   
    ```
    enum Category  {
      Fruit,
@@ -50,31 +50,12 @@ On the created page, we use various items to describe food, such as food names,
    ```
 
 3. Store food image resources in the resources > phone > media directory. Use food names as the image names.
-   ![en-us_image_0000001222967800](figures/en-us_image_0000001222967800.png)
-
+   
 4. Create food resource data. Create FoodDataModels.ets in the model folder and declare a food composition array, FoodComposition on the page.
-   In this example, 12 pieces of food data are used. You can customize more data resources when needed. Use LazyForEach to load data if a large amount of food data is involved. The following nutritional data is sourced from the Internet.
-
-     
-   ```
-   const FoodComposition: any[] = [
-     { 'name': 'Tomato', 'image': $r('app.media.Tomato'), 'category': Category.Vegetable, 'calories': 17, 'protein': 0.9, 'fat': 0.2, 'carbohydrates': 3.9, 'vitaminC': 17.8 },
-     { 'name': 'Walnut', 'image': $r('app.media.Walnut'), 'category': Category.Nut, 'calories': 654 , 'protein': 15, 'fat': 65, 'carbohydrates': 14, 'vitaminC': 1.3 },
-     { 'name': 'Cucumber', 'image': $r('app.media.Cucumber'), 'category': Category.Vegetable, 'calories': 30, 'protein': 3, 'fat': 0, 'carbohydrates': 1.9, 'vitaminC': 2.1 },
-     { 'name': 'Blueberry', 'image': $r('app.media.Blueberry'), 'category': Category.Fruit, 'calories': 57, 'protein': 0.7, 'fat': 0.3, 'carbohydrates': 14, 'vitaminC': 9.7 },
-     { 'name': 'Crab', 'image': $r('app.media.Crab'), 'category': Category.Seafood, 'calories': 97, 'protein': 19, 'fat': 1.5, 'carbohydrates': 0, 'vitaminC': 7.6 },
-     { 'name': 'IceCream', 'image': $r('app.media.IceCream'), 'category': Category.Dessert, 'calories': 207, 'protein': 3.5, 'fat': 11, 'carbohydrates': 24, 'vitaminC': 0.6 },
-     { 'name': 'Onion', 'image': $r('app.media.Onion'), 'category': Category.Vegetable, 'calories': 39, 'protein': 1.1, 'fat': 0.1, 'carbohydrates': 9, 'vitaminC': 7.4 },
-     { 'name': 'Mushroom', 'image': $r('app.media.Mushroom'), 'category': Category.Vegetable, 'calories': 22, 'protein': 3.1, 'fat': 0.3, 'carbohydrates': 3.3, 'vitaminC': 2.1 },
-     { 'name': 'Kiwi', 'image': $r('app.media.Kiwi'), 'category': Category.Fruit, 'calories': 60 , 'protein': 1.1, 'fat': 0.5, 'carbohydrates': 15, 'vitaminC': 20.5 },
-     { 'name': 'Pitaya', 'image': $r('app.media.Pitaya'), 'category': Category.Fruit, 'calories': 60, 'protein': 1.2, 'fat': 0, 'carbohydrates': 10, 'vitaminC': 60.9 },
-     { 'name': 'Avocado', 'image': $r('app.media.Avocado'), 'category': Category.Fruit, 'calories': 160, 'protein': 2, 'fat': 15, 'carbohydrates': 9, 'vitaminC': 10 },
-     { 'name': 'Strawberry', 'image': $r('app.media.Strawberry'), 'category': Category.Fruit, 'calories': 32, 'protein': 0.7, 'fat': 0.3, 'carbohydrates': 8, 'vitaminC': 58.8 }
-   ]
-   ```
+   In this example, you can customize more data resources when needed. Use LazyForEach to load data if a large amount of food data is involved. 
 
 5. Create the initializeOnStartUp method to initialize the FoodData array. Export the FoodData class from FoodData.ets, and import FoodData and Category in FoodDataModels.ets.
-     
+  
    ```
    // FoodData.ets
    export enum Category {
diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284936.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284936.gif
index 98bf461673a8f11366755e99b8f59baf7cc282e8..00f9ce6746501edad918bda726b3e143991189fc 100644
Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284936.gif and b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284936.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152773860.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152773860.png
deleted file mode 100644
index dca96aeb057ba12dc63365e613007e54dd268a40..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152773860.png and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167823076.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167823076.png
index b370937f36a472829e7a08a4439b4025721b0437..495f967777f91ce6e654c278683807ef6560809c 100644
Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167823076.png and b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167823076.png differ
diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198530395.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198530395.png
index 5e7bc3dec11daa00059d3ec93d77ac15ce357a14..3d74a346c8d9d41efbef3f0f2feb12b19fc90a94 100644
Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198530395.png and b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198530395.png differ
diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001224225943.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001224225943.gif
deleted file mode 100644
index e64a81a267d1cb0f6f216caa7cefe75020850e75..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001224225943.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md
index c6551400e9cd3f1f99f2489a9c36ac9dbbdc0029..c2ada666a38d33b17859157647e18847d7b49495 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md
@@ -75,9 +75,9 @@
 ```
 <!-- xxx.hml -->
 <div class="container">
-  <image src="common/images/hw_right.png" style="width: 300px; height: 300px; object-fit:{{fit}}; object-position: center center; border: 1px solid red;">
+  <image src="common/images/example.png" style="width: 300px; height: 300px; object-fit:{{fit}}; object-position: center center; border: 1px solid red;">
   </image>
-  &lt;select class="selects" onchange="change_fit"&gt;&lt;option for="{{fits}}" value="{{$item}}"&gt;{{$item}}&lt;/option&gt;&lt;/select&gt;
+  <select class="selects" onchange="change_fit"><option for="{{fits}}" value="{{$item}}">{{$item}}</option></select>
 </div>
 ```
 
@@ -87,12 +87,11 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  
 }
 .selects{
   margin-top: 20px;
   width:300px;
-  border:1px solid \#808080;
+  border:1px solid #808080;
   border-radius: 10px;
 }
 ```
diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md
index d2975d0745deaf8be7f5e632ceaff68b80b410fd..c25ba6285163c57c5bfc9e76828baf0b9fd1daa2 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md
@@ -99,11 +99,6 @@
   width: 400px;
   height: 400px;
   border: 20px;
-  border-image-source: url("/common/images/landscape.jpg");
-  border-image-slice: 20px;
-  border-image-width: 30px;
-  border-image-outset: 10px;
-  border-image-repeat: round;
 }
 .title {
   font-size: 80px;
diff --git a/zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
index d653c4fd91115bae20695536326c9e2563aeb7c7..35bf025b6c8e9970c6df66f761f0b412b44df9c9 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md
@@ -68,7 +68,7 @@
   }
   ```
 
-  ![zh-cn_image_0000001152773860](figures/zh-cn_image_0000001152773860.png)
+  
 
 
 ## 方法
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264370.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264370.png
index c1bfde1c57599f8cc40d0dc50179c71f4dfc2978..2243912034c109d0ffa57837aa28f4fab4ed55d7 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264370.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264370.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422898.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422898.png
index 3c6e9c72046d14a46ed93a1075ee580510e64f92..1dc7d8d7beda862221b05a9247723a3f74bf323d 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422898.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422898.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422902.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422902.gif
index 93c0edf4c20f9d29725065f5bdf7a5208da2e2fd..7a0a33ad1f90625edd3f24f7c8702ada65d6febd 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422902.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422902.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582846.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582846.png
index cdb53d971cbadb6479cc755ae0a95cd4c0c3bff1..5b72c400df568916e04f666f40f80d72ca5195f5 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582846.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582846.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582850.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582850.gif
index e7dc2d19afd049c44c75e1288063df96326e524c..dc802e8f3c4d0a865059697e615eac1cd52a337b 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582850.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582850.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001193872520.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001193872520.png
index e764c43599592d821c403aac0d3fa40d9edd22e5..4ff00bf651522edb5aacdada2e984480d435dc14 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001193872520.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001193872520.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352442.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352442.png
index f36078d6d832fa757378b72fa0739f66fe781c64..1b1cedac00a77279faa829636bc85028fb5ec711 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352442.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194352442.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205769446.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205769446.png
index 8c8194c14b5ca1ea743782db95027035370ead7e..f27c36a73c65f9c87af5cdbc382046cb4b78064b 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205769446.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205769446.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205812616.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205812616.png
index 085d31e9bf7c5740ac3c46d04c4098e64eb3a544..9dd3c2c156b40ce5feb16eb8b8d4541361f877d2 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205812616.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205812616.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205972610.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205972610.gif
index ecbaeb8cc1a3ec9e1ecfd253b605be50836b1f46..f312df91ae0f7fd8cd8520904a11ddaccd7c58e4 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205972610.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001205972610.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662643.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662643.gif
index 8b877c7bedb4021440eeac2b0a9a9c5d28377da3..b0422fb68634122e8ec69e1eb90a7c6bd780b17d 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662643.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662643.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662645.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662645.png
index 3b2e35a9a29c6f849cd4e766c8fac0016b95365d..747b8f915f2d40803ce6a7937de1add5deb8e640 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662645.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662645.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744181.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744181.png
index 15e3b57fbcadac9e9c6f4c1446bd16c53845f888..605c0a1ddc0e2bace2e4c9a23fc2391af9ebf5bf 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744181.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744181.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864131.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864131.png
index 4f6f99db3df495c744c612e3a2dff20d2a757a43..5c0ada67867ec3765eeb53af5c62369762d0bac4 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864131.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864131.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864139.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864139.gif
index 4770183525428b6df03bf1b3eb8cc4160a1568a1..f70d75a50c028de29ab4b60075b7644316927eab 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864139.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864139.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982703.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982703.png
index 4e556034506103bd7e7b491d72ef74b9eccde52c..f3ba651bf13f616108247049bbad02662cd7abe0 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982703.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982703.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712415.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712415.png
index e764c43599592d821c403aac0d3fa40d9edd22e5..c8740613a2a7585066a447b68c6edae689e9e709 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712415.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712415.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712447.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712447.png
index 7dafd299b8e48ead7d6f783e5a370e31257e341c..4869b5a17b785a154f48e18b703e2bc22335af04 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712447.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238712447.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250492613.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250492613.gif
index 05ad0a8aa0ae63ae9193aa1c9b3f943f060220da..3dfbd730c80b91d5dcb0583fad6af2c6895febfd 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250492613.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250492613.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001070558189.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001070558189.png
index 3e6c90236fa93360b187945fc9556ae735d4578f..755e48ab0e98bb01ff2541e5cdc74346f7c3ae0b 100755
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001070558189.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001070558189.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001077151676.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001077151676.gif
deleted file mode 100644
index 60b842f9bd222e39ca63da1b63f0350ac467d95f..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001077151676.gif and /dev/null differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001086587935.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001086587935.gif
deleted file mode 100644
index 1ebbb881e306acd9e771a757920f46e7fc61af69..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001086587935.gif and /dev/null differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228602.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228602.gif
deleted file mode 100644
index fc1eab30eb6a87308eaf399a89f1a755223f3995..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228602.gif and /dev/null differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228638.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228638.gif
index b2097084b8dda33575a19b7c97d0555dcd5c04f9..533f2e992735920f588b264d5d7d89a1a7479c8b 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228638.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163228638.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163532072.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163532072.png
index 2ca7c5488fb83a122e7f8ea1fba1e2d59324e513..320dba877750c55bcd37ef748930f5c407c5db6e 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163532072.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001163532072.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168410342.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168410342.png
index 3a97ead3b625041b9a3a33c8db8cd7cb79276a2d..5accde8bbb1146e3bade9d6cc4d35127dd58b86f 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168410342.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168410342.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168728872.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168728872.png
index d1dc59cd8ac1b5dc7da2f57d16d9a080bb449114..b6045521e10cf66733222c0b85b1b65dd20cb66f 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168728872.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168728872.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168888822.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168888822.png
index f33eb296f27701a00461cd9231f7d9af014a3814..e2b4a1b1ce009bec2c798eb1c353ebc7790ac9d9 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168888822.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001168888822.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169678922.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169678922.png
index fad940f7f4fba442aa1b267c66cdc21c5d3a1d2c..546fb29b1f18573353d11d5515f444bf720fcf52 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169678922.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169678922.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169759552.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169759552.png
index 2a2376e7e953d35b7d0fb1f6d53314bc0d7cb6b5..a6d0026ba316551ff0819493b84ae8c9cb063289 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169759552.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169759552.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169918548.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169918548.gif
index 220d14e0637e2808211cec10173c6c4a7552b64c..0173419db3fd06cc5d328dd6931a2c76664f4596 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169918548.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001169918548.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170008198.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170008198.gif
index d4b3de8f257c571e6fec3ff51795936b2d94d2f0..26152ef9f22387729561bdddb9fa7d50019e08cb 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170008198.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170008198.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170167520.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170167520.gif
index d69156cdc0d1f1f33560148c1161618f97acb21d..fb5399a47b281cb586dbc4460fc0db6381d1e4ab 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170167520.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170167520.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170411978.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170411978.gif
index 218be7ed11ffd1f1f199c347f0fa90e6f6b64b53..b07f4a9f456b5bccab8fe2a2dc997818efad5ddb 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170411978.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001170411978.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188771430.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188771430.gif
index 4a815c6f3db9654b71cc1d11821eab521ca7aeee..4164ebf51f658788a8cd51058db46600b9b9fac0 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188771430.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188771430.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188931396.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188931396.gif
index b5e2ed34cf960792ca65ce6d9197ac0fc5d49f8c..7de3e743a4a889057dc7ad5b5ba57101bd8c2485 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188931396.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001188931396.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204537865.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204537865.png
index 7eb0d2cc3f3dd8e239e9232e655344c864cbf679..f6b70b8f1ef886bf8ed6f26e148bddee0b163fd5 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204537865.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204537865.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204776353.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204776353.png
index 883981a250b68a29db2027dee82a9a19c34c8e1a..d0e9cf658b9b396873f24666945bb796384c2041 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204776353.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001204776353.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208787005.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208787005.gif
deleted file mode 100644
index 80a6d574da0827642f85fd34d1acd11caade21cf..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208787005.gif and /dev/null differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208908643.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208908643.gif
index 40f7c00741880a81530581d5488c2ff96e0e7bf2..b3b2de4f42ad63fdde8eccb756bbdb8943d14aed 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208908643.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001208908643.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001209028575.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001209028575.gif
index 014958726f3f42a6bd92b341695c8ed03b3fd211..167105139f72d65a10fce1865365d601771ba94e 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001209028575.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001209028575.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001211227617.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001211227617.png
index 4d26b5ba589c8b9126c51b54ff4d67476771cdf2..4a2ff6d5872e196a3c1e2e4a21a57a9e838b519f 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001211227617.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001211227617.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001213968747.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001213968747.png
index f125f44d4a956c717f3bf1481f7161cf41e79a39..767315d2f69278028746341e79f88ad179930338 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001213968747.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001213968747.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214210217.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214210217.png
index 4e6560056b15b9c570758670eb65311168df7e9a..aaa0cbf699a302616ce142f43ea3b96df99d75ac 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214210217.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214210217.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214998349.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214998349.png
index 9c9be43d1fedfbd8660965190865110f007d8161..fb85274edcd9b0a66eaa9e3da3b77e543c048cc8 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214998349.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001214998349.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215079443.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215079443.png
index 032c5bae7d3269bd4a3bb813e9d69c9271ac9843..49182b6d8f1c96dcbaac493179fdab3d4b9a7bd4 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215079443.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215079443.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215199399.png b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215199399.png
index 3834601d70a5121e18af408bb6a12bbdbf54a28c..2923d13dcf52b856158b440de03df929abc4955b 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215199399.png and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215199399.png differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215318403.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215318403.gif
index 5643eb93241bf15f6cb75ffaf463ada35ba13201..8e9c75334361806ac822c8c0f2c377c1679c6ca3 100644
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215318403.gif and b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001215318403.gif differ
diff --git a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001217008255.gif b/zh-cn/application-dev/ui/figures/zh-cn_image_0000001217008255.gif
deleted file mode 100644
index 5e38a4068976c9b5e298ff33ad4cfc711de4b2a6..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/ui/figures/zh-cn_image_0000001217008255.gif and /dev/null differ
diff --git a/zh-cn/application-dev/ui/ui-js-animate-background-position-style.md b/zh-cn/application-dev/ui/ui-js-animate-background-position-style.md
index 4832b4331a9d13aae9b17fc11a2bfd387ed1bd24..e6a2606c9c8d505edddaf331a40d8fe51df37bfe 100644
--- a/zh-cn/application-dev/ui/ui-js-animate-background-position-style.md
+++ b/zh-cn/application-dev/ui/ui-js-animate-background-position-style.md
@@ -79,8 +79,5 @@
 ```
 
 
-![zh-cn_image_0000001217008255](figures/zh-cn_image_0000001217008255.gif)
-
-
 > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
 > background-position仅支持背景图片的移动，不支持背景颜色（background-color）。
diff --git a/zh-cn/application-dev/ui/ui-js-components-images.md b/zh-cn/application-dev/ui/ui-js-components-images.md
index 10a8f05bdc30869c07d65f17f70cf0e4119379b3..091cf547dea9e8e05696e729d87f5608f6531646 100644
--- a/zh-cn/application-dev/ui/ui-js-components-images.md
+++ b/zh-cn/application-dev/ui/ui-js-components-images.md
@@ -63,84 +63,6 @@ image{
 ![zh-cn_image_0000001163532072](figures/zh-cn_image_0000001163532072.png)
 
 
-## 显示多张图
-
-定义for循环展示多张图片，同时定义option选择图片的展示方式，选择方式请参考object-fit类型说明。
-```
-<!-- index.hml -->
-<div class="page-container">
-  <list>
-    <list-item class="item-container" for="{{list}}">
-      <div>
-        <image class="testimage" src="{{url[$idx]}}" style="object-fit: {{fit}};">  
-        </image>
-        <div class="text-container">
-          <text style="font-size: 32px;color:#7b68ee;">image{{$idx}}</text>
-          <text style="font-size: 23px;color: orange;font-style: italic;">content</text>
-        </div>
-      </div>
-    </list-item>
-  </list>
-  <div style="width: 100%;height:100px;justify-content: center;margin-top: 100px;flex-shrink: 0;">
-    <select id="slt2" style="border: 3px solid orange;color: orange;font-size: 40px;width:300px;height:160px;" onchange="setfit">
-      <option for="{{fit_list}}" value="{{$item}}" style="font-size: 36px;">{{$item}}</option>
-    </select>
-  </div>
-</div>
-```
-
-```
-/* xxx.css */
-.page-container {
-  flex-direction:column;
-  background-color:#F1F3F5;
-}
-.text-container {
-  width: 300px;
-  flex-direction: column;
-  justify-content: center;
-}
-.item-container {
-  flex-direction: row;
-  align-items: center;
-  justify-content:center;
-  margin-top:200px;
-}
-.testimage {
-  width: 175px;
-  height: 220px;
-  border: 5px solid #add8e6;
-  padding: 5px 5px 5px 5px;
-  margin: 5px 5px 5px 5px;
-}
-.testicon {
-  width: 50px;
-  height: 50px;
-  margin-left: 150px;
-  border-radius: 25px;
-  background-color: orange;
-}
-```
-
-```
-/* index.js */
-export default {
-  data: {
-    url:['common/images/bg-tv.jpg','common/images/img2.jpg'],
-    list:[0,1],
-    fit:'cover',
-    fit_list:['cover','contain','fill','none','scale-down']
-  },
-  setfit(e) {
-    this.fit = e.newValue
-  }
-}
-```
-
-
-![zh-cn_image_0000001208787005](figures/zh-cn_image_0000001208787005.gif)
-
-
 ## 加载图片
 
 图片成功加载时触发complete事件，返回加载的图源尺寸。加载失败则触发error事件，打印图片加载失败。
diff --git a/zh-cn/application-dev/ui/ui-ts-building-data-model.md b/zh-cn/application-dev/ui/ui-ts-building-data-model.md
index 401ba84c4072e2ccf8238acb539f9817b30d7adc..2936ed0c1d866f8b8ef13a350fb6c1a2af725c5d 100644
--- a/zh-cn/application-dev/ui/ui-ts-building-data-model.md
+++ b/zh-cn/application-dev/ui/ui-ts-building-data-model.md
@@ -48,27 +48,9 @@
    ```
 
 3. 存入食物图片资源。在resources &gt; phone &gt; media目录下存入食物图片资源，图片名称为食物名称。
-   ![zh-cn_image_0000001195117633](figures/zh-cn_image_0000001195117633.png)
-
+   
 4. 创建食物资源数据。在model文件夹下创建FoodDataModels.ets，在该页面中声明食物成分数组FoodComposition。
-   以12个食物数据为例，实际开发中，开发者可以自定义更多的数据资源，当食物资源很多时，建议使用数据懒加载LazyForEach。以下营养数据均来自网络。
-
-   ```
-   const FoodComposition: any[] = [
-     { 'name': 'Tomato', 'image': $r('app.media.Tomato'), 'category': Category.Vegetable, 'calories': 17, 'protein': 0.9, 'fat': 0.2, 'carbohydrates': 3.9, 'vitaminC': 17.8 },
-     { 'name': 'Walnut', 'image': $r('app.media.Walnut'), 'category': Category.Nut, 'calories': 654 , 'protein': 15, 'fat': 65, 'carbohydrates': 14, 'vitaminC': 1.3 },
-     { 'name': 'Cucumber', 'image': $r('app.media.Cucumber'), 'category': Category.Vegetable, 'calories': 30, 'protein': 3, 'fat': 0, 'carbohydrates': 1.9, 'vitaminC': 2.1 },
-     { 'name': 'Blueberry', 'image': $r('app.media.Blueberry'), 'category': Category.Fruit, 'calories': 57, 'protein': 0.7, 'fat': 0.3, 'carbohydrates': 14, 'vitaminC': 9.7 },
-     { 'name': 'Crab', 'image': $r('app.media.Crab'), 'category': Category.Seafood, 'calories': 97, 'protein': 19, 'fat': 1.5, 'carbohydrates': 0, 'vitaminC': 7.6 },
-     { 'name': 'IceCream', 'image': $r('app.media.IceCream'), 'category': Category.Dessert, 'calories': 207, 'protein': 3.5, 'fat': 11, 'carbohydrates': 24, 'vitaminC': 0.6 },
-     { 'name': 'Onion', 'image': $r('app.media.Onion'), 'category': Category.Vegetable, 'calories': 39, 'protein': 1.1, 'fat': 0.1, 'carbohydrates': 9, 'vitaminC': 7.4 },
-     { 'name': 'Mushroom', 'image': $r('app.media.Mushroom'), 'category': Category.Vegetable, 'calories': 22, 'protein': 3.1, 'fat': 0.3, 'carbohydrates': 3.3, 'vitaminC': 2.1 },
-     { 'name': 'Kiwi', 'image': $r('app.media.Kiwi'), 'category': Category.Fruit, 'calories': 60 , 'protein': 1.1, 'fat': 0.5, 'carbohydrates': 15, 'vitaminC': 20.5 },
-     { 'name': 'Pitaya', 'image': $r('app.media.Pitaya'), 'category': Category.Fruit, 'calories': 60, 'protein': 1.2, 'fat': 0, 'carbohydrates': 10, 'vitaminC': 60.9 },
-     { 'name': 'Avocado', 'image': $r('app.media.Avocado'), 'category': Category.Fruit, 'calories': 160, 'protein': 2, 'fat': 15, 'carbohydrates': 9, 'vitaminC': 10 },
-     { 'name': 'Strawberry', 'image': $r('app.media.Strawberry'), 'category': Category.Fruit, 'calories': 32, 'protein': 0.7, 'fat': 0.3, 'carbohydrates': 8, 'vitaminC': 58.8 }
-   ]
-   ```
+   实际开发中，开发者可以自定义更多的数据资源，当食物资源很多时，建议使用数据懒加载LazyForEach。
 
 5. 创建initializeOnStartUp方法来初始化FoodData的数组。在FoodDataModels.ets中使用了定义在FoodData.ets的FoodData和Category，所以要将FoodData.ets的FoodData类export，在FoodDataModels.ets内import FoodData和Category。
    ```