未验证 提交 87e10f6f 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/ui/ui-js-custom-components.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 2d2351de
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
使用基于JS扩展的类Web开发范式的方舟开发框架支持自定义组件,用户可根据业务需求将已有的组件进行扩展,增加自定义的私有属性和事件,封装成新的组件,方便在工程中多次调用,提高页面布局代码的可读性。具体的封装方法示例如下: 使用基于JS扩展的类Web开发范式的方舟开发框架支持自定义组件,用户可根据业务需求将已有的组件进行扩展,增加自定义的私有属性和事件,封装成新的组件,方便在工程中多次调用,提高页面布局代码的可读性。具体的封装方法示例如下:
- **构建自定义组件** - 构建自定义组件
``` ```
<!-- comp.hml --> <!-- comp.hml -->
<div class="item"> <div class="item">
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
} }
``` ```
- **引入自定义组件** - 引入自定义组件
``` ```
<!-- xxx.hml --> <!-- xxx.hml -->
<element name='comp' src='../../common/component/comp.hml'></element> <element name='comp' src='../../common/component/comp.hml'></element>
...@@ -97,3 +97,10 @@ ...@@ -97,3 +97,10 @@
**图1** 自定义组件的效果 **图1** 自定义组件的效果
![zh-cn_image_0000001070693737](figures/zh-cn_image_0000001070693737.png) ![zh-cn_image_0000001070693737](figures/zh-cn_image_0000001070693737.png)
## 相关实例
针对自定义组件开发,有以下相关实例可供参考:
- [`JSUICustomComponent`:自定义组件(JS)(API7)](https://gitee.com/openharmony/app_samples/blob/master/UI/JSUICustomComponent)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册