diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001177265268.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001177265268.png deleted file mode 100644 index 2ed837e111c3ac1ba1eafb5b28da581ef4de5d22..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001177265268.png and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_000000117726526811.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_000000117726526811.png new file mode 100644 index 0000000000000000000000000000000000000000..d9d9a17fe607c8acc99d3a7e26c6b4316e0b7f5b Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_000000117726526811.png differ diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md index e12f7a35b4770101fd9f4c33d6b43f57238cdda1..2def8fe8fa7f2a7b1423029a50f24348237fa8d5 100644 --- a/zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md +++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md @@ -23,14 +23,14 @@ 除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： -| 名称 | 类型 | 默认值 | 必填 | 描述 | -| -------- | -------- | -------- | -------- | -------- | -| placement | string | rightTop | 否 | 事件提醒的数字标记或者圆点标记的位置，可选值为：
- right：位于组件右边框。
- rightTop：位于组件边框右上角。
- left：位于组件左边框。 | -| count | number | 0 | 否 | 设置提醒的消息数，默认为0。当设置相应的提醒消息数大于0时，消息提醒会变成数字标记类型，未设置消息数或者消息数不大于0时，消息提醒将采用圆点标记。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
> 当数字设置为大于maxcount时，将使用maxcount显示。
> count属性最大支持整数值为2147483647。 | -| visible | boolean | false | 否 | 是否显示消息提醒，当收到新信息提醒时可以设置该属性为true，显示相应的消息提醒，如果需要使用数字标记类型，同时需要设置相应的count属性。 | -| maxcount | number | 99 | 否 | 最大消息数限制，当收到新信息提醒大于该限制时，标识数字会进行省略，仅显示maxcount+。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
> maxcount属性最大支持整数值为2147483647。 | -| config | BadgeConfig | - | 否 | 设置新事件标记相关配置属性。 | -| label6+ | string | - | 否 | 设置新事件提醒的文本值。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
> 使用该属性时，count和maxcount属性不生效。 | +| 名称 | 类型 | 默认值 | 必填 | 描述 | +| ------------------ | ----------- | -------- | ---- | ------------------------------------------------------------ | +| placement | string | rightTop | 否 | 事件提醒的数字标记或者圆点标记的位置，可选值为：
- right：位于组件右边框。
- rightTop：位于组件边框右上角。
- left：位于组件左边框。 | +| count | number | 0 | 否 | 设置提醒的消息数，默认为0，为0时不显示。当设置相应的提醒消息数大于0时，消息提醒会变成数字标记类型。
当数字设置大于maxcount时，将使用maxcount显示。count属性最大支持整数值为2147483647。 | +| visible | boolean | false | 否 | 是否显示消息提醒，当收到新信息提醒时可以设置该属性为true，显示相应的消息提醒，如果需要使用数字标记类型，同时需要设置相应的count属性。 | +| maxcount | number | 99 | 否 | 最大消息数限制，当收到新信息提醒大于该限制时，标识数字会进行省略，仅显示maxcount+。
maxcount属性支持的最大整数值为2147483647。 | +| config | BadgeConfig | - | 否 | 设置新事件标记相关配置属性。 | +| label6+ | string | - | 否 | 设置新事件提醒的文本值。
使用该属性时，count和maxcount属性不生效。 | **表1** BadgeConfig @@ -107,4 +107,4 @@ export default { } ``` -![zh-cn_image_0000001177265268](figures/zh-cn_image_0000001177265268.png) +![zh-cn_image_000000117726526811](figures/zh-cn_image_000000117726526811.png) diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png index 2ff75f958a860f1ed483d799e2ef6431fbce5a74..8e96bc78a4ab3e3d5c44201def12d73fea1b6db2 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md index 7df16792ea3737414696c9a370cdc523d457d0db..ba85016bebb55c2f9824e977c2079122785bb5dd 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md @@ -66,27 +66,35 @@ struct RectExample { Column({ space: 10 }) { Text('normal').fontSize(11).fontColor(0xCCCCCC).width('90%') // 绘制90% * 50的矩形 - Rect({ width: '90%', height: 50 }) - .fill(Color.Pink) - // 绘制90% * 50的矩形框 - Rect() - .width('90%') - .height(50) - .fillOpacity(0) - .stroke(Color.Red) - .strokeWidth(3) - - Text('with rounded corners').fontSize(11).fontColor(0xCCCCCC).width('90%') - // 绘制90% * 80的矩形, 圆角宽高分别为40、20 - Rect({ width: '90%', height: 80 }) - .radiusHeight(20) - .radiusWidth(40) - .fill(Color.Pink) - // 绘制90% * 80的矩形, 圆角宽高为20 + Column({ space: 5 }) { + Text('normal').fontSize(9).fontColor(0xCCCCCC).width('90%') + // 绘制90% * 50矩形 + Rect({ width: '90%', height: 50 }) + .fill(Color.Pink) + // 绘制90% * 50的矩形框 + Rect() + .width('90%') + .height(50) + .fillOpacity(0) + .stroke(Color.Red) + .strokeWidth(3) + + Text('with rounded corners').fontSize(11).fontColor(0xCCCCCC).width('90%') + // 绘制90% * 80的矩形, 圆角宽高分别为40、20 + Rect({ width: '90%', height: 80 }) + .radiusHeight(20) + .radiusWidth(40) + .fill(Color.Pink) + // 绘制90% * 80的矩形, 圆角宽高为20 + Rect({ width: '90%', height: 80 }) + .radius(20) + .fill(Color.Pink) + }.width('100%').margin({ top: 10 }) + // 绘制90% * 50矩形, 左上圆角宽高40,右上圆角宽高20,右下圆角宽高40,左下圆角宽高20 Rect({ width: '90%', height: 80 }) - .radius(20) + .radius([[40, 40], [20, 20], [40, 40], [20, 20]]) .fill(Color.Pink) - }.width('100%').margin({ top: 10 }) + }.width('100%').margin({ top: 5 }) } } ``` diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-routes.md b/zh-cn/application-dev/ui/ui-js-building-ui-routes.md index 71645421a2a3c700a841d48914497a1a85167efc..1dbac4f8a24f0872a74911f33d82b2ef8223437e 100644 --- a/zh-cn/application-dev/ui/ui-js-building-ui-routes.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-routes.md @@ -6,7 +6,7 @@ 页面路由router根据页面的uri找到目标页面，从而实现跳转。以最基础的两个页面之间的跳转为例，具体实现步骤如下： -1. 在“Project“窗口，打开entry > src > mainjsdefault，右键点击pages文件夹，选择NewJS Page，创建一个详情页。 +1. 在“Project“窗口，打开src > main >js >MainAbility，右键点击pages文件夹，选择NewJS Page，创建一个详情页。 2. 调用router.push()路由到详情页。 @@ -42,6 +42,8 @@ index和detail这两个页面均包含一个text组件和button组件：text组 /* index.css */ /* detail.css */ .container { + width: 100%; + height: 100%; flex-direction: column; justify-content: center; align-items: center; @@ -60,11 +62,11 @@ index和detail这两个页面均包含一个text组件和button组件：text组 ``` // index.js -import router from '@system.router'; +import router from '@ohos.router'; export default { launch() { router.push ({ - uri: 'pages/detail/detail', + url: 'pages/detail/detail', }); }, } @@ -72,7 +74,7 @@ export default { ``` // detail.js -import router from '@system.router'; +import router from '@ohos.router'; export default { launch() { router.back();