提交 f21f25d6 编写于 作者: H HelloCrease

update docs

Signed-off-by: NHelloCrease <lian15@huawei.com>
上级 ca23e244
......@@ -64,8 +64,8 @@ API参考提供了OpenHarmony全量组件和接口的参考文档,可以帮助
内容包括:
- [组件参考(基于TS扩展的声明式开发范式)](reference/arkui-ts/ts-components-summary.md)
- [组件参考(兼容JS的类Web开发范式-ArkUI.Full)](arkui-js/Readme-CN.md)
- [组件参考(兼容JS的类Web开发范式-ArkUI.Lite)](arkui-js-lite/Readme-CN.md)
- [组件参考(兼容JS的类Web开发范式-ArkUI.Full)](reference/arkui-js/Readme-CN.md)
- [组件参考(兼容JS的类Web开发范式-ArkUI.Lite)](reference/arkui-js-lite/Readme-CN.md)
- [JS服务卡片UI组件参考](reference/js-service-widget-ui/js-service-widget-file.md)
- [接口参考(ArkTS及JS API)](reference/apis/development-intro.md)
- 接口参考(Native API)
......
......@@ -54,7 +54,6 @@
| opacity<sup>5+</sup> | number | 1 | 否 | 元素的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。 |
| display | string | flex | 否 | 确定一个元素所产生的框的类型,可选值为:<br/>-&nbsp;flex:弹性布局。<br/>-&nbsp;none:不渲染此元素。 |
| [left\|top] | &lt;length&gt;&nbsp;\|&nbsp;&lt;percentage&gt;<sup>6+</sup> | - | 否 | left\|top确定元素的偏移位置。<br/>-&nbsp;left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。<br/>-&nbsp;top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 |
| line-height<sup>10+</sup> | number | 0px | 否 | 设置文本的行高。<br/>单位:px<br/>未设置时文本行高默认为适应性行高。 |
## 示例
......
......@@ -24,64 +24,4 @@ export default {
console.info('Application onDestroy');
},
}
```
## 应用对象<sup>10+</sup>
| 属性 | 类型 | 描述 |
| ------ | -------- | ---------------------------------------- |
| getApp | Function | 提供getApp()全局方法,可以在页面js文件中获取app.js中暴露的数据对象。 |
> **说明**:
>
> 应用对象是全局数据,其在整个应用消亡之前都会一直占用JS内存。尽管应用对象可为不同页面共享数据提供便利,但因为小型设备本身内存比较小,也应谨慎使用。如果过度使用,则容易造成应用在进入复杂page页面时,内存不够而出现异常。
示例如下:
在 app.js 中声明应用对象:
```javascript
// app.js
export default {
data: {
test: "by getAPP"
},
onCreate() {
console.info('Application onCreate');
},
onDestroy() {
console.info('Application onDestroy');
},
};
```
在具体的页面中访问应用对象:
```javascript
// index.js
export default {
data: {
title: ""
},
onInit() {
if (typeof getApp !== 'undefined') {
var appData = getApp().data;
if (typeof appData !== 'undefined') {
this.title = appData.name; // read from app data
}
}
},
clickHandler() {
if (typeof getApp !== 'undefined') {
var appData = getApp().data;
if (typeof appData !== 'undefined') {
appData.name = this.title; // write to app data
}
}
}
}
```
> **说明**:
>
> 为了应用可在不支持getApp的低版本上正常运行,代码中应进行兼容性处理,即在使用getApp前先判断其是否可用。
\ No newline at end of file
```
\ No newline at end of file
......@@ -236,7 +236,7 @@
- [window接口切换](application-models/window-switch.md)
- [Storage接口切换](application-models/storage-switch.md)
- UI开发
- [方舟开发框架概述](ui/arkui-overview.md)
- [方舟开发框架概述(ArkUI)](ui/arkui-overview.md)
- UI开发(ArkTS声明式开发范式)
- [UI开发(ArkTS声明式开发范式)概述](ui/arkts-ui-development-overview.md)
- 开发布局
......@@ -834,41 +834,6 @@
- 已停止维护的组件
- [GridContainer](reference/arkui-ts/ts-container-gridcontainer.md)
- 组件参考(兼容JS的类Web开发范式-ArkUI.Full)
- 组件参考(兼容JS的类Web开发范式-ArkUI.Lite)
- 框架说明
- [文件组织](reference/arkui-js-lite/js-framework-file.md)
- [js标签配置](reference/arkui-js-lite/js-framework-js-tag.md)
- [app.js](reference/arkui-js-lite/js-framework-js-file.md)
- 语法
- [HML语法参考](reference/arkui-js-lite/js-framework-syntax-hml.md)
- [CSS语法参考](reference/arkui-js-lite/js-framework-syntax-css.md)
- [JS语法参考](reference/arkui-js-lite/js-framework-syntax-js.md)
- 组件通用信息
- [通用事件](reference/arkui-js-lite/js-common-events.md)
- [通用属性](reference/arkui-js-lite/js-common-attributes.md)
- [通用样式](reference/arkui-js-lite/js-common-styles.md)
- [动画样式](reference/arkui-js-lite/js-components-common-animation.md)
- 容器组件
- [div](reference/arkui-js-lite/js-components-container-div.md)
- [list](reference/arkui-js-lite/js-components-container-list.md)
- [list-item](reference/arkui-js-lite/js-components-container-list-item.md)
- [stack](reference/arkui-js-lite/js-components-container-stack.md)
- [swiper](reference/arkui-js-lite/js-components-container-swiper.md)
- 基础组件
- [chart](reference/arkui-js-lite/js-components-basic-chart.md)
- [image](reference/arkui-js-lite/js-components-basic-image.md)
- [image-animator](reference/arkui-js-lite/js-components-basic-image-animator.md)
- [input](reference/arkui-js-lite/js-components-basic-input.md)
- [marquee](reference/arkui-js-lite/js-components-basic-marquee.md)
- [picker-view](reference/arkui-js-lite/js-components-basic-picker-view.md)
- [progress](reference/arkui-js-lite/js-components-basic-progress.md)
- [qrcode](reference/arkui-js-lite/js-components-basic-qrcode.md)
- [slider](reference/arkui-js-lite/js-components-basic-slider.md)
- [switch](reference/arkui-js-lite/js-components-basic-switch.md)
- [text](reference/arkui-js-lite/js-components-basic-text.md)
- 画布组件
- [canvas组件](reference/arkui-js-lite/js-components-canvas-canvas.md)
- [CanvasRenderingContext2D对象](reference/arkui-js-lite/js-components-canvas-canvasrenderingcontext2d.md)
- 组件通用信息
- [通用属性](reference/arkui-js/js-components-common-attributes.md)
- [通用样式](reference/arkui-js/js-components-common-styles.md)
......@@ -969,6 +934,41 @@
- [生命周期定义](reference/arkui-js/js-components-custom-lifecycle.md)
- [动态创建组件](reference/arkui-js/js-components-create-elements.md)
- [数据类型说明](reference/arkui-js/js-appendix-types.md)
- 组件参考(兼容JS的类Web开发范式-ArkUI.Lite)
- 框架说明
- [文件组织](reference/arkui-js-lite/js-framework-file.md)
- [js标签配置](reference/arkui-js-lite/js-framework-js-tag.md)
- [app.js](reference/arkui-js-lite/js-framework-js-file.md)
- 语法
- [HML语法参考](reference/arkui-js-lite/js-framework-syntax-hml.md)
- [CSS语法参考](reference/arkui-js-lite/js-framework-syntax-css.md)
- [JS语法参考](reference/arkui-js-lite/js-framework-syntax-js.md)
- 组件通用信息
- [通用事件](reference/arkui-js-lite/js-common-events.md)
- [通用属性](reference/arkui-js-lite/js-common-attributes.md)
- [通用样式](reference/arkui-js-lite/js-common-styles.md)
- [动画样式](reference/arkui-js-lite/js-components-common-animation.md)
- 容器组件
- [div](reference/arkui-js-lite/js-components-container-div.md)
- [list](reference/arkui-js-lite/js-components-container-list.md)
- [list-item](reference/arkui-js-lite/js-components-container-list-item.md)
- [stack](reference/arkui-js-lite/js-components-container-stack.md)
- [swiper](reference/arkui-js-lite/js-components-container-swiper.md)
- 基础组件
- [chart](reference/arkui-js-lite/js-components-basic-chart.md)
- [image](reference/arkui-js-lite/js-components-basic-image.md)
- [image-animator](reference/arkui-js-lite/js-components-basic-image-animator.md)
- [input](reference/arkui-js-lite/js-components-basic-input.md)
- [marquee](reference/arkui-js-lite/js-components-basic-marquee.md)
- [picker-view](reference/arkui-js-lite/js-components-basic-picker-view.md)
- [progress](reference/arkui-js-lite/js-components-basic-progress.md)
- [qrcode](reference/arkui-js-lite/js-components-basic-qrcode.md)
- [slider](reference/arkui-js-lite/js-components-basic-slider.md)
- [switch](reference/arkui-js-lite/js-components-basic-switch.md)
- [text](reference/arkui-js-lite/js-components-basic-text.md)
- 画布组件
- [canvas组件](reference/arkui-js-lite/js-components-canvas-canvas.md)
- [CanvasRenderingContext2D对象](reference/arkui-js-lite/js-components-canvas-canvasrenderingcontext2d.md)
- JS服务卡片UI组件参考
- JS服务卡片UI框架说明
- [文件组织](reference/js-service-widget-ui/js-service-widget-file.md)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册
新手
引导
客服 返回
顶部