update OpenHarmony JS组件开发指南.md.
This commit is contained in:
parent
0ab6100e54
commit
fba7e00314
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue