Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f21f25d6
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看板
提交
f21f25d6
编写于
1年前
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
ca23e244
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
39 addition
and
100 deletion
+39
-100
zh-cn/application-dev/application-dev-guide.md
zh-cn/application-dev/application-dev-guide.md
+2
-2
zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md
...n-dev/reference/arkui-js-lite/js-components-basic-text.md
+0
-1
zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md
...ation-dev/reference/arkui-js-lite/js-framework-js-file.md
+1
-61
zh-cn/application-dev/website.md
zh-cn/application-dev/website.md
+36
-36
未找到文件。
zh-cn/application-dev/application-dev-guide.md
浏览文件 @
f21f25d6
...
...
@@ -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)
...
...
This diff is collapsed.
Click to expand it.
zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md
浏览文件 @
f21f25d6
...
...
@@ -54,7 +54,6 @@
| opacity
<sup>
5+
</sup>
| number | 1 | 否 | 元素的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。 |
| display | string | flex | 否 | 确定一个元素所产生的框的类型,可选值为:
<br/>
-
flex:弹性布局。
<br/>
-
none:不渲染此元素。 |
| [left
\|
top] |
<
length
>
\|
<
percentage
>
<sup>
6+
</sup>
| - | 否 | left
\|
top确定元素的偏移位置。
<br/>
-
left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。
<br/>
-
top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 |
| line-height
<sup>
10+
</sup>
| number | 0px | 否 | 设置文本的行高。
<br/>
单位:px
<br/>
未设置时文本行高默认为适应性行高。 |
## 示例
...
...
This diff is collapsed.
Click to expand it.
zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md
浏览文件 @
f21f25d6
...
...
@@ -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
This diff is collapsed.
Click to expand it.
zh-cn/application-dev/website.md
浏览文件 @
f21f25d6
...
...
@@ -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
)
...
...
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
新手
引导
客服
返回
顶部