diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md index 90c2981bb075de39500cc0a51166709969e3cc48..6fe539156a297124b908ffd3ad689716e2c411d7 100644 --- a/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md +++ b/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md @@ -43,17 +43,10 @@ | icon-height | <length> | - | 否 | 设置圆形按钮内部图标的高，默认填满整个圆形按钮。
icon使用svg图源时必须设置该样式。 | | radius | <length> | - | 否 | 按钮圆角半径。在圆形按钮类型下该样式优先于通用样式的width和height样式。 | -> **说明：** -> - 胶囊按钮（type=capsule）时，不支持border相关样式； -> -> - 圆形按钮（type=circle）时，不支持文本相关样式； -> -> - 文本按钮（type=text）时，自适应文本大小，不支持尺寸设置（radius，width，height），背景透明不支持background-color样式。 - ### type设置为arc -除支持[通用样式](../arkui-js/js-components-common-styles.md)中background-color、opacity、display、visibility、position、[left|top|right|bottom外，还支持如下样式： +除支持[通用样式](../arkui-js/js-components-common-styles.md)中background-color、opacity、display、visibility、position、[left|top|right|bottom]外，还支持如下样式： | 名称 | 类型 | 默认值 | 必填 | 描述 | | ----------- | -------------------------- | ---------- | ---- | ---------------------------------------- | diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md index 1260774367357bde0076906071ec8564e09d537f..f92a9bd39cdd76364373a5ad2b44e127dab709d8 100644 --- a/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md +++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md @@ -127,7 +127,8 @@ import prompt from '@system.prompt'; export default { data: { direction: 'column', - list: [] + list: [], + listAdd: [] }, onInit() { this.list = [] diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md index 817e33cf5f0ae34156f8546e1ffc7ec52c04a399..a62cc034ebbc4af29821b30aaf386be70afe5b15 100644 --- a/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md +++ b/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md @@ -95,6 +95,7 @@ height: 300px; } .stepperItem { + width: 100%; flex-direction: column; align-items: center; } diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md b/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md index b504929e733dbc57385d8bcf492d605603587bf3..f64ca496b5a63c73d938b00400df51356189de25 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md @@ -158,7 +158,7 @@ setCurrentTime(value: number, seekMode: SeekMode) @Entry @Component struct VideoCreateComponent { - @State srcs: Resource = $rawfile('video1'); + @State srcs: Resource = $rawfile('video1.mp4'); @State previewUris: Resource = $r('app.media.img'); @State currentProgressRates: number = 1; @State autoPlays: boolean = false; @@ -201,7 +201,7 @@ struct VideoCreateComponent { }) Row() { Button("src").onClick(() => { - this.srcs = $rawfile('video2'); + this.srcs = $rawfile('video2.mp4'); }); Button("previewUri").onClick(() => { this.previewUris = $r('app.media.img1'); diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md index 66c7d73703a3ed5afdb4cffe5ab27bd49e8db131..8f778ea25765381fdd7803aa846e17787366ea82 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md @@ -61,7 +61,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); ```css /* 45度夹角，从红色渐变到绿色 */ - background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0)); + background: linear-gradient(45deg, rgb(255, 0, 0),rgb(0, 255, 0)); ``` ![222](figures/222.PNG) @@ -70,7 +70,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); ```css /* 从左向右渐变，在距离左边90px和距离左边360px (600*0.6) 之间270px宽度形成渐变 */ - background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%); + background: linear-gradient(to right, rgb(255, 0, 0) 90px, rgb(0, 255, 0) 60%); ``` @@ -82,4 +82,5 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); /* 从左向右重复渐变，重复渐变区域30px（60-30）透明度0.5 */ background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px); ``` + ![444](figures/444.PNG) diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-mediaquery.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-mediaquery.md index 6fa60061f6d0f4f29a2ecf1180b9b65ec94cdabc..1caa03daece18dc5ad40254438e1618572e58717 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-mediaquery.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-mediaquery.md @@ -69,7 +69,7 @@ | 类型 | 说明 | | -------- | -------- | -| and | 将多个媒体特征（Media Feature）以“与”的方式连接成一个媒体查询，只有当所有媒体特征都为true，查询条件成立。另外，它还可以将媒体类型和媒体功能结合起来。
例如：screen and (device-type: wearable) and (max-height: 600) 表示当设备类型是智能穿戴同时应用的最大高度小于等于600个像素单位时成立。 | +| and | 将多个媒体特征（Media Feature）以逻辑运算符“与”的方式连接成一个媒体查询，只有当所有媒体特征都为true，查询条件成立。另外，它还可以将媒体类型和媒体功能结合起来。
例如：screen and (device-type: wearable) and (max-height: 600) 表示当设备类型是智能穿戴同时应用的最大高度小于等于600个像素单位时成立。 | | not | 取反媒体查询结果，媒体查询结果不成立时返回true，否则返回false。在媒体查询列表中应用not，则not仅取反应用它的媒体查询。
例如：not screen and (min-height: 50) and (max-height: 600) 表示当应用高度小于50个像素单位或者大于600个像素单位时成立。
使用not运算符时必须指定媒体类型。 | | only | 当整个表达式都匹配时，才会应用选择的样式，可以应用在防止某些较早的版本的浏览器上产生歧义的场景。一些较早版本的浏览器对于同时包含了媒体类型和媒体特征的语句会产生歧义，比如：
screen and (min-height: 50)
老版本浏览器会将这句话理解成screen，从而导致仅仅匹配到媒体类型（screen），就应用了指定样式，使用only可以很好地规避这种情况。
使用only时必须指定媒体类型。 | | ,(comma) | 将多个媒体特征以“或”的方式连接成一个媒体查询，如果存在结果为true的媒体特征，则查询条件成立。其效果等同于or运算符。
例如：screen and (min-height: 1000),  （round-screen：true） 表示当应用高度大于等于1000个像素单位或者设备屏幕是圆形时，条件成立。 | diff --git a/zh-cn/application-dev/ui/ui-js-components-button.md b/zh-cn/application-dev/ui/ui-js-components-button.md index 6e6fd208a3ba964963cdf09a937e09a2f6286068..fd7d0f7ede4b78126efd2cf4ffe48a6a4db92f4b 100644 --- a/zh-cn/application-dev/ui/ui-js-components-button.md +++ b/zh-cn/application-dev/ui/ui-js-components-button.md @@ -74,13 +74,8 @@ button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按 > **说明：** -> - 胶囊按钮（type=capsule）不支持border相关样式。 -> -> - 圆形按钮（type=circle）不支持文本相关样式。 -> -> - 文本按钮（type=text），自适应文本大小，不支持尺寸样式设置（radius，width，height），背景透明不支持background-color样式。 -> -> - button组件使用的icon图标如果来自云端路径，需要添加网络访问权限 ohos.permission.INTERNET。 +> +>- button组件使用的icon图标如果来自云端路径，需要添加网络访问权限 ohos.permission.INTERNET。 如果需要添加ohos.permission.INTERNET权限，则在resources文件夹下的config.json文件里进行权限配置。 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 7568eef0ccef5c5dd5548ad571c6b841d0fc93d2..e00ca0ea9bbc88eb8fe9bd8182f027baccffd4c0 100644 --- a/zh-cn/application-dev/ui/ui-js-components-form.md +++ b/zh-cn/application-dev/ui/ui-js-components-form.md @@ -150,7 +150,7 @@ export default{
- form + Form
Select 1 or more options diff --git a/zh-cn/application-dev/ui/ui-js-components-images.md b/zh-cn/application-dev/ui/ui-js-components-images.md index 6ef8576c64b4ec9a95f747bf0454922f2f03736a..6a221e3795cd1dc3a755824e803a7c0dc98b09b5 100644 --- a/zh-cn/application-dev/ui/ui-js-components-images.md +++ b/zh-cn/application-dev/ui/ui-js-components-images.md @@ -132,7 +132,7 @@ export default {
- +
Touch and hold the image diff --git a/zh-cn/application-dev/ui/ui-js-components-picker.md b/zh-cn/application-dev/ui/ui-js-components-picker.md index 646c083436684302c38eaa9c50fa41f1184af405..5de524a407561e429b83186790fe03b22423d4b2 100644 --- a/zh-cn/application-dev/ui/ui-js-components-picker.md +++ b/zh-cn/application-dev/ui/ui-js-components-picker.md @@ -11,7 +11,7 @@ picker是滑动选择器组件，类型支持普通选择器、日期选择器
picker -
+
``` ```css