diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-component.md b/zh-cn/application-dev/ui/ui-js-building-ui-component.md
index baedaaa0b4e6b96aacf3107ca7bb5fd8e84c2e8d..d6dfe066c140f66c366fc024effc4d736982467b 100755
--- a/zh-cn/application-dev/ui/ui-js-building-ui-component.md
+++ b/zh-cn/application-dev/ui/ui-js-building-ui-component.md
@@ -27,4 +27,8 @@
 
 - [`JsComponentCollection`：Js组件（JS）（API9）](https://gitee.com/openharmony/applications_app_samples/tree/OpenHarmony-3.2-Release/code/UI/JsComponentClollection/JsComponentCollection)
 
-- [购物应用（JS）（API 9）](https://gitee.com/openharmony/codelabs/tree/master/JSUI/ShoppingSample)
\ No newline at end of file
+- [购物应用（JS）（API9）](https://gitee.com/openharmony/codelabs/tree/master/JSUI/ShoppingSample)
+
+- [简易视频播放器（JS）（API9）](https://gitee.com/openharmony/codelabs/tree/master/Media/VideoOpenHarmony)
+
+- [图片常见操作（JS）（API9）](https://gitee.com/openharmony/codelabs/tree/master/Media/ImageOperation)
\ No newline at end of file