diff --git a/en/application-dev/reference/arkui-js/js-components-common-events.md b/en/application-dev/reference/arkui-js/js-components-common-events.md index b068eb1672bde489f0cc592fb83eb0df367bb36c..f52edb34df93742d37039bf7f0c4babbbb47508f 100644 --- a/en/application-dev/reference/arkui-js/js-components-common-events.md +++ b/en/application-dev/reference/arkui-js/js-components-common-events.md @@ -165,7 +165,7 @@ Different from private events, universal events can be bound to most components.

DragEvent

-

Tiggered when dragging is ended.

+

Triggered when dragging is ended.

No

diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-image.md b/en/application-dev/reference/arkui-ts/ts-basic-components-image.md index 16e50350b5464fe9f7e5f1fc5bdf1a59fa9f9c99..9909adf2dab633a418cc4c473ef04c3a0f3b01e8 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-image.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-image.md @@ -265,7 +265,7 @@ Image\(value: \{uri: string | PixelMap\}\) @Entry @Component struct ImageExample1 { - private on: string = 'http://uxd.rnd.huawei.com/uxIcon/file/2021-08/d2d6e6c6-043f-471e-80e3-57199142201e.svg' + private on: string = 'www.example.com' @State src: string = this.on build() { diff --git a/en/application-dev/ui/ts-custom-component-initialization.md b/en/application-dev/ui/ts-custom-component-initialization.md index 48cc0ce5c0e4c6bd312daa25ae4647609d02589b..42d04f5580804797cbb3ad84eaf1cb20e9abdd4c 100644 --- a/en/application-dev/ui/ts-custom-component-initialization.md +++ b/en/application-dev/ui/ts-custom-component-initialization.md @@ -218,7 +218,7 @@ struct CompA { Row() { CompB({bLink: $aLink, // valid init a @Link with reference of another @Link, bProp: this.aState}) // valid init a @Prop with value of a @State - CompB({aLink: $aState, // invalid: type missmatch expected ref to ClassA, provided reference to boolean + CompB({aLink: $aState, // invalid: type mismatch expected ref to ClassA, provided reference to boolean bProp: false}) // valid init a @Prop by constants value } } diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md index 475e50e2314c1cc389ebc899124ad4d2fc91a9b2..1f2971a8c1f5525b56d177ca0f8d1e93593c70da 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md @@ -1,6 +1,6 @@ # Canvas -> ![img](https://gitee.com/openharmony/docs/raw/master/zh-cn/application-dev/public_sys-resources/icon-note.gif) **说明：** 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 +> ![img](public_sys-resources/icon-note.gif) **说明：** 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 提供画布组件，用于自定义绘制图形。 diff --git a/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md b/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md index fba16b8fff39be1fcc26a37a2b2f6d58c89c2746..97e6677b55175fcc65910b6c07dc08d643b59ced 100644 --- a/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md +++ b/zh-cn/application-dev/ui/ts-component-creation-re-initialization.md @@ -61,7 +61,7 @@ struct ParentComp { Image('stopwatch.png') TimerComponent({counter: 0, changePerSec: +1, showInColor: Color.Black }) } - Button(this.isCountDown ? 'Swtich to Stopwatch' : 'Switch to Count Down') + Button(this.isCountDown ? 'Switch to Stopwatch' : 'Switch to Count Down') .onClick(() => {this.isCountDown = !this.isCountDown}) } } diff --git a/zh-cn/application-dev/ui/ts-custom-component-initialization.md b/zh-cn/application-dev/ui/ts-custom-component-initialization.md index d62a49222de2e303788c589f68659b9383b85cb5..5644890d83cd8b8817eb1a7bb52833b174829515 100644 --- a/zh-cn/application-dev/ui/ts-custom-component-initialization.md +++ b/zh-cn/application-dev/ui/ts-custom-component-initialization.md @@ -93,7 +93,7 @@ struct CompA { Row() { CompB({bLink: $aLink, // valid init a @Link with reference of another @Link, bProp: this.aState}) // valid init a @Prop with value of a @State - CompB({aLink: $aState, // invalid: type missmatch expected ref to ClassA, provided reference to boolean + CompB({aLink: $aState, // invalid: type mismatch expected ref to ClassA, provided reference to boolean bProp: false}) // valid init a @Prop by constants value } } diff --git a/zh-cn/application-dev/ui/ts-syntactic-sugar.md b/zh-cn/application-dev/ui/ts-syntactic-sugar.md index 41b4171942ccbfafc85f39d6b6ca935baddf06d0..91dee41347f3cb0f717ad95ee0bd23976a96a409 100644 --- a/zh-cn/application-dev/ui/ts-syntactic-sugar.md +++ b/zh-cn/application-dev/ui/ts-syntactic-sugar.md @@ -3,10 +3,10 @@ ## 装饰器 -装饰器**@Decorator**不仅可以装饰类或结构体，还可以装饰类的属性。多个装饰器可以叠加到目标元素，定义在同一行上或者在多行上，推荐定义在多行上。 +装饰器@Decorator不仅可以装饰类或结构体，还可以装饰类的属性。多个装饰器可以叠加到目标元素，定义在同一行上或者在多行上，推荐定义在多行上。 -如下示例为**@Component**和**@State**的使用，被**@Component**装饰的元素具备了组件化的含义，使用**@State**装饰的变量具备了状态数据的含义。 +如下示例为@Component和@State的使用，被 @Component装饰的元素具备了组件化的含义，使用@State装饰的变量具备了状态数据的含义。 ``` @@ -129,7 +129,7 @@ build() { let a: number = 1 // invalid: variable declaration not allowed Column() { Text('Hello ${this.myName.toUpperCase()}') // ok. - ForEach(this.arr.reverse(), ..., ...) // invalid: Array.reverse modifies the @State array varible in place + ForEach(this.arr.reverse(), ..., ...) // invalid: Array.reverse modifies the @State array variable in place } buildSpecial() // invalid: no function calls Text(this.calcTextValue()) // this function call is ok. diff --git a/zh-cn/application-dev/ui/ts-types.md b/zh-cn/application-dev/ui/ts-types.md index 1ed482389c6d7cc1308f650216ac076cfd7b3b8d..62c4f1d5b9671e388ade0a19a50f51dee862fe41 100644 --- a/zh-cn/application-dev/ui/ts-types.md +++ b/zh-cn/application-dev/ui/ts-types.md @@ -81,14 +81,14 @@ | 名称 | 类型定义 | 描述 | | -------- | -------- | -------- | -| ResourceStr | string \| [Resource](#resource类型) | 用于描述资源字符串的类型。 | +| ResourceStr | string \| Resource| 用于描述资源字符串的类型。 | ## ResourceColor类型8+ | 名称 | 类型定义 | 描述 | | -------- | -------- | -------- | -| ResourceColor | Color \| number \| string \| [Resource](#resource类型) | 用于描述资源颜色类型。 | +| ResourceColor | Color \| number \| string \| Resource | 用于描述资源颜色类型。 | ## CustomBuilder类型8+ diff --git a/zh-cn/application-dev/ui/ui-js-components-form.md b/zh-cn/application-dev/ui/ui-js-components-form.md index 6a8d47918a39a64d92bca77bb3a560fe58de85ae..6c84b6395881489bb419cd9d057628315f7a5234 100644 --- a/zh-cn/application-dev/ui/ui-js-components-form.md +++ b/zh-cn/application-dev/ui/ui-js-components-form.md @@ -177,7 +177,7 @@ import prompt from '@system.prompt'; export default { formSubmit() { prompt.showToast({ - message: 'Submited.' + message: 'Submitted.' }) }, formReset() { diff --git a/zh-cn/application-dev/ui/ui-ts-creating-project.md b/zh-cn/application-dev/ui/ui-ts-creating-project.md index 640fa224d8597d792ea9fbe43fa2f6f1e945b6d0..a25a1da324b15b3b5ce9cdbca6167da95b968cfd 100644 --- a/zh-cn/application-dev/ui/ui-ts-creating-project.md +++ b/zh-cn/application-dev/ui/ui-ts-creating-project.md @@ -2,7 +2,7 @@ -创建工程之前，首先需要安装DevEco Studio，[下载安装教程](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387)。 +创建工程之前，首先需要安装DevEco Studio。 1. 打开DevEco Studio，点击Create Project。如果已有一个工程，则点击File > New > New project。