Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
87e10f6f
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
87e10f6f
编写于
4月 18, 2022
作者:
L
LiAn
提交者:
Gitee
4月 18, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/ui/ui-js-custom-components.md.
Signed-off-by:
N
LiAn
<
lian15@huawei.com
>
上级
2d2351de
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
2 deletion
+9
-2
zh-cn/application-dev/ui/ui-js-custom-components.md
zh-cn/application-dev/ui/ui-js-custom-components.md
+9
-2
未找到文件。
zh-cn/application-dev/ui/ui-js-custom-components.md
浏览文件 @
87e10f6f
...
...
@@ -3,7 +3,7 @@
使用基于JS扩展的类Web开发范式的方舟开发框架支持自定义组件,用户可根据业务需求将已有的组件进行扩展,增加自定义的私有属性和事件,封装成新的组件,方便在工程中多次调用,提高页面布局代码的可读性。具体的封装方法示例如下:
-
**构建自定义组件**
-
构建自定义组件
```
<!-- comp.hml -->
<div class="item">
...
...
@@ -58,7 +58,7 @@
}
```
-
**引入自定义组件**
-
引入自定义组件
```
<!-- xxx.hml -->
<element name='comp' src='../../common/component/comp.hml'></element>
...
...
@@ -97,3 +97,10 @@
**图1**
自定义组件的效果
![
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录