update OpenHarmony JS组件开发指南.md.

This commit is contained in:
isrc_ohos 2021-07-22 10:26:58 +00:00 committed by Gitee
parent 0ab6100e54
commit fba7e00314
1 changed files with 4 additions and 4 deletions

View File

@ -2,7 +2,7 @@
## 项目结构
打开entry→src→main→js工程的开发目录如图所示
![输入图片说明](https://images.gitee.com/uploads/images/2021/0722/173124_97c52d97_8496150.png "图片 1.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0722/182612_96d63f3e_8496150.png "图片 1.png")
其中,
* i18n文件夹用于存放配置不同语言场景的资源比如应用文本词条图片路径等资源。en-US.json文件定义了在英文模式下页面显示的变量内容zh-CN.json文件定义了中文模式下的页面内容。
@ -152,7 +152,7 @@ export default {
|容器组件|div、list、list-item、stack、swiper、tabs、tab-bar、tab-content、popup、list-item-group、refresh、dialog|
|媒体组件|video|
|画布组件|canvas|
#### 基础组件-Button
### 基础组件-Button
Button是实现用户交互最常用的组件可用于触发JS中的函数。可以使用JS提供的各种按钮包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮来实现许多有趣的功能。
```html
<!-- index.hml定义多种按钮 -->
@ -186,7 +186,7 @@ export default {
![输入图片说明](https://images.gitee.com/uploads/images/2021/0722/180607_be215188_8496150.png "图片 1.png")
#### List组件
### List组件
List组件常用于呈现多行连续同类的数据。List列表组件包含两类子组件分别是list-item列表项和list-item-group列表项组。这里详细讲解一下list-item-group列表项组。
list-item-group是一个具有折叠效果list列表配合list-item使用以list-item-group中的第一个list-item作为分类标准以下都折叠进分类中点击具有折叠和扩展的效果。代码如下所示
```html
@ -223,7 +223,7 @@ list-item-group是一个具有折叠效果list列表配合list-item使用
![输入图片说明](https://images.gitee.com/uploads/images/2021/0722/181011_b027f2e6_8496150.png "图片 1.png")
#### 自定义组件
### 自定义组件
自定义组件是用户根据业务需求将已有的组件组合起来封装成新的组件并作为新组件可以在工程中被多次调用从而提高代码的可读性和可扩展性。自定义组件通过element引入到宿主页面使用方法的示例代码如下所示
```html
<element name="comp" src="../comp.hml"></element>