diff --git a/zh-cn/application-dev/application-dev-guide.md b/zh-cn/application-dev/application-dev-guide.md index 3b3448a5dd40dba75a9329a8d8e877785275cbad..f1edc4075c3ae46bb82b453802ff3da5107c84fa 100644 --- a/zh-cn/application-dev/application-dev-guide.md +++ b/zh-cn/application-dev/application-dev-guide.md @@ -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) diff --git a/zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md b/zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md index 8eae2cbea67e59d15aba3e9d848e037a5d54ade1..b955b89f646f7519539fb4c899dc7fce311758c5 100644 --- a/zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md +++ b/zh-cn/application-dev/reference/arkui-js-lite/js-components-basic-text.md @@ -54,7 +54,6 @@ | opacity5+ | number | 1 | 否 | 元素的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。 | | display | string | flex | 否 | 确定一个元素所产生的框的类型,可选值为:
- flex:弹性布局。
- none:不渲染此元素。 | | [left\|top] | <length> \| <percentage>6+ | - | 否 | left\|top确定元素的偏移位置。
- left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。
- top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 | -| line-height10+ | number | 0px | 否 | 设置文本的行高。
单位:px
未设置时文本行高默认为适应性行高。 | ## 示例 diff --git a/zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md b/zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md index 9fdaf84e6add071df616c363172374714cbf5f7f..04404d4072147bdd09470a7eaedf43d2327d7feb 100644 --- a/zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md +++ b/zh-cn/application-dev/reference/arkui-js-lite/js-framework-js-file.md @@ -24,64 +24,4 @@ export default { console.info('Application onDestroy'); }, } -``` - -## 应用对象10+ - -| 属性 | 类型 | 描述 | -| ------ | -------- | ---------------------------------------- | -| 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 diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/Readme-CN.md b/zh-cn/application-dev/reference/js-service-widget-ui/Readme-CN.md index 1d010b8668696de709dea708bf03adc870c5b1f6..db410d89e62b7fb76b851248b352671dbf9bbd8c 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/Readme-CN.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/Readme-CN.md @@ -1,6 +1,6 @@ # JS服务卡片UI组件 -- JS服务卡片UI框架说明 +- 框架说明 - [文件组织](js-service-widget-file.md) - 语法 - [HML语法参考](js-service-widget-syntax-hml.md) @@ -8,33 +8,32 @@ - [多语言支持](js-service-widget-multiple-languages.md) - [版本兼容适配](js-service-widget-version-compatibility.md) - [设置主题样式](js-service-widget-theme.md) -- 组件 - - 通用 - - [通用属性](js-service-widget-common-attributes.md) - - [通用样式](js-service-widget-common-styles.md) - - [通用事件](js-service-widget-common-events.md) - - [渐变样式](js-service-widget-common-gradient.md) - - [媒体查询](js-service-widget-common-mediaquery.md) - - [自定义字体样式](js-service-widget-common-customizing-font.md) - - [无障碍](js-service-widget-common-accessibility.md) - - [原子布局](js-service-widget-common-atomic-layout.md) - - 容器组件 - - [badge](js-service-widget-container-badge.md) - - [div](js-service-widget-container-div.md) - - [list](js-service-widget-container-list.md) - - [list-item](js-service-widget-container-list-item.md) - - [stack](js-service-widget-container-stack.md) - - [swiper](js-service-widget-container-swiper.md) - - 基础组件 - - [button](js-service-widget-basic-button.md) - - [calendar](js-service-widget-basic-calendar.md) - - [chart](js-service-widget-basic-chart.md) - - [clock](js-service-widget-basic-clock.md) - - [divider](js-service-widget-basic-divider.md) - - [image](js-service-widget-basic-image.md) - - [input](js-service-widget-basic-input.md) - - [progress](js-service-widget-basic-progress.md) - - [span](js-service-widget-basic-span.md) - - [text](js-service-widget-basic-text.md) +- 组件通用信息 + - [通用属性](js-service-widget-common-attributes.md) + - [通用样式](js-service-widget-common-styles.md) + - [通用事件](js-service-widget-common-events.md) + - [渐变样式](js-service-widget-common-gradient.md) + - [媒体查询](js-service-widget-common-mediaquery.md) + - [自定义字体样式](js-service-widget-common-customizing-font.md) + - [无障碍](js-service-widget-common-accessibility.md) + - [原子布局](js-service-widget-common-atomic-layout.md) +- 容器组件 + - [badge](js-service-widget-container-badge.md) + - [div](js-service-widget-container-div.md) + - [list](js-service-widget-container-list.md) + - [list-item](js-service-widget-container-list-item.md) + - [stack](js-service-widget-container-stack.md) + - [swiper](js-service-widget-container-swiper.md) +- 基础组件 + - [button](js-service-widget-basic-button.md) + - [calendar](js-service-widget-basic-calendar.md) + - [chart](js-service-widget-basic-chart.md) + - [clock](js-service-widget-basic-clock.md) + - [divider](js-service-widget-basic-divider.md) + - [image](js-service-widget-basic-image.md) + - [input](js-service-widget-basic-input.md) + - [progress](js-service-widget-basic-progress.md) + - [span](js-service-widget-basic-span.md) + - [text](js-service-widget-basic-text.md) - [自定义组件使用说明](js-service-widget-custom-basic-usage.md) - [数据类型说明](js-service-widget-appendix-types.md) diff --git a/zh-cn/application-dev/ui/Readme-CN.md b/zh-cn/application-dev/ui/Readme-CN.md index 858f35b12b45c3fdbce4e9c35901e149bbc3202c..a6b7701f266fdfd54913c114a16b7e63ee6a08b3 100755 --- a/zh-cn/application-dev/ui/Readme-CN.md +++ b/zh-cn/application-dev/ui/Readme-CN.md @@ -1,6 +1,6 @@ # UI开发 -- [方舟开发框架概述](arkui-overview.md) +- [方舟开发框架(ArkUI)概述](arkui-overview.md) - UI开发(ArkTS声明式开发范式) - [UI开发(ArkTS声明式开发范式)概述](arkts-ui-development-overview.md) - 开发布局 diff --git a/zh-cn/application-dev/website.md b/zh-cn/application-dev/website.md index d228d1b2eea2bb9d41cc719040f7ccbef41bb70c..f42105c344bc5230a11bb7ab7ed517bc2dc135d6 100644 --- a/zh-cn/application-dev/website.md +++ b/zh-cn/application-dev/website.md @@ -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,8 +934,43 @@ - [生命周期定义](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) - 语法 - [HML语法参考](reference/js-service-widget-ui/js-service-widget-syntax-hml.md) @@ -978,34 +978,33 @@ - [多语言支持](reference/js-service-widget-ui/js-service-widget-multiple-languages.md) - [版本兼容适配](reference/js-service-widget-ui/js-service-widget-version-compatibility.md) - [设置主题样式](reference/js-service-widget-ui/js-service-widget-theme.md) - - 组件 - - 通用 - - [通用属性](reference/js-service-widget-ui/js-service-widget-common-attributes.md) - - [通用样式](reference/js-service-widget-ui/js-service-widget-common-styles.md) - - [通用事件](reference/js-service-widget-ui/js-service-widget-common-events.md) - - [渐变样式](reference/js-service-widget-ui/js-service-widget-common-gradient.md) - - [媒体查询](reference/js-service-widget-ui/js-service-widget-common-mediaquery.md) - - [自定义字体样式](reference/js-service-widget-ui/js-service-widget-common-customizing-font.md) - - [无障碍](reference/js-service-widget-ui/js-service-widget-common-accessibility.md) - - [原子布局](reference/js-service-widget-ui/js-service-widget-common-atomic-layout.md) - - 容器组件 - - [badge](reference/js-service-widget-ui/js-service-widget-container-badge.md) - - [div](reference/js-service-widget-ui/js-service-widget-container-div.md) - - [list](reference/js-service-widget-ui/js-service-widget-container-list.md) - - [list-item](reference/js-service-widget-ui/js-service-widget-container-list-item.md) - - [stack](reference/js-service-widget-ui/js-service-widget-container-stack.md) - - [swiper](reference/js-service-widget-ui/js-service-widget-container-swiper.md) - - 基础组件 - - [button](reference/js-service-widget-ui/js-service-widget-basic-button.md) - - [calendar](reference/js-service-widget-ui/js-service-widget-basic-calendar.md) - - [chart](reference/js-service-widget-ui/js-service-widget-basic-chart.md) - - [clock](reference/js-service-widget-ui/js-service-widget-basic-clock.md) - - [divider](reference/js-service-widget-ui/js-service-widget-basic-divider.md) - - [image](reference/js-service-widget-ui/js-service-widget-basic-image.md) - - [input](reference/js-service-widget-ui/js-service-widget-basic-input.md) - - [progress](reference/js-service-widget-ui/js-service-widget-basic-progress.md) - - [span](reference/js-service-widget-ui/js-service-widget-basic-span.md) - - [text](reference/js-service-widget-ui/js-service-widget-basic-text.md) + - 组件通用信息 + - [通用属性](reference/js-service-widget-ui/js-service-widget-common-attributes.md) + - [通用样式](reference/js-service-widget-ui/js-service-widget-common-styles.md) + - [通用事件](reference/js-service-widget-ui/js-service-widget-common-events.md) + - [渐变样式](reference/js-service-widget-ui/js-service-widget-common-gradient.md) + - [媒体查询](reference/js-service-widget-ui/js-service-widget-common-mediaquery.md) + - [自定义字体样式](reference/js-service-widget-ui/js-service-widget-common-customizing-font.md) + - [无障碍](reference/js-service-widget-ui/js-service-widget-common-accessibility.md) + - [原子布局](reference/js-service-widget-ui/js-service-widget-common-atomic-layout.md) + - 容器组件 + - [badge](reference/js-service-widget-ui/js-service-widget-container-badge.md) + - [div](reference/js-service-widget-ui/js-service-widget-container-div.md) + - [list](reference/js-service-widget-ui/js-service-widget-container-list.md) + - [list-item](reference/js-service-widget-ui/js-service-widget-container-list-item.md) + - [stack](reference/js-service-widget-ui/js-service-widget-container-stack.md) + - [swiper](reference/js-service-widget-ui/js-service-widget-container-swiper.md) + - 基础组件 + - [button](reference/js-service-widget-ui/js-service-widget-basic-button.md) + - [calendar](reference/js-service-widget-ui/js-service-widget-basic-calendar.md) + - [chart](reference/js-service-widget-ui/js-service-widget-basic-chart.md) + - [clock](reference/js-service-widget-ui/js-service-widget-basic-clock.md) + - [divider](reference/js-service-widget-ui/js-service-widget-basic-divider.md) + - [image](reference/js-service-widget-ui/js-service-widget-basic-image.md) + - [input](reference/js-service-widget-ui/js-service-widget-basic-input.md) + - [progress](reference/js-service-widget-ui/js-service-widget-basic-progress.md) + - [span](reference/js-service-widget-ui/js-service-widget-basic-span.md) + - [text](reference/js-service-widget-ui/js-service-widget-basic-text.md) - [自定义组件使用说明](reference/js-service-widget-ui/js-service-widget-custom-basic-usage.md) - [数据类型说明](reference/js-service-widget-ui/js-service-widget-appendix-types.md) - 接口参考(ArkTS及JS API) @@ -1252,7 +1251,6 @@ - [@ohos.net.connection (网络连接管理)](reference/apis/js-apis-net-connection.md) - [@ohos.net.ethernet (以太网连接管理)](reference/apis/js-apis-net-ethernet.md) - [@ohos.net.http (数据请求)](reference/apis/js-apis-http.md) - - [@ohos.net.policy (网络策略管理)](reference/apis/js-apis-net-policy.md) - [@ohos.net.sharing (网络共享管理)](reference/apis/js-apis-net-sharing.md) - [@ohos.net.socket (Socket连接)](reference/apis/js-apis-socket.md) - [@ohos.net.webSocket (WebSocket连接)](reference/apis/js-apis-webSocket.md) @@ -1479,7 +1477,6 @@ - [网络连接管理错误码](reference/errorcodes/errorcode-net-connection.md) - [以太网连接错误码](reference/errorcodes/errorcode-net-ethernet.md) - [网络共享错误码](reference/errorcodes/errorcode-net-sharing.md) - - [策略管理错误码](reference/errorcodes/errorcode-net-policy.md) - 通信与连接 - [NFC错误码](reference/errorcodes/errorcode-nfc.md) - [RPC错误码](reference/errorcodes/errorcode-rpc.md)