diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md b/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md index b6543f274240de6c854dc9ef0873f917bf0e75a0..ed78e584cda4e427b4e3f43a468d066a5ab295bf 100644 --- a/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md +++ b/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md @@ -89,7 +89,7 @@ onpaues='pauesCallback' onfinish='finishCallback' onerror='errorCallback' onseeking='seekingCallback' onseeked='seekedCallback' ontimeupdate='timeupdateCallback' - style="object-fit:fit; width:80%; height:400px;" + style="object-fit:fill; width:80%; height:400px;" onclick="change_start_pause"> diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md index 1acb2860c210eb3d445c238c27bfcc3bb81e4cbf..412a9e92d689abe82a752e1e6aa76956218bc71b 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md @@ -86,8 +86,8 @@ struct ProgressExample { Text('Capsule Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') Row({ space: 40 }) { - Progress({ value: 10, type: ProgressType.Capsule }).width(100) - Progress({ value: 20, total: 150, type: ProgressType.Capsule }).color(Color.Grey).value(50).width(100) + Progress({ value: 10, type: ProgressType.Capsule }).width(100).height(50) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }).color(Color.Grey).value(50).width(100).height(50) } }.width('100%').margin({ top: 30 }) } diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md index f513523443f42d8038c2fc34ed5d3d4d40e1129a..4198db7e5be91587fb5a41102494ed813eb3c43f 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md @@ -19,7 +19,7 @@ ## 接口 -TextArea(value?:{placeholder?: string controller?: TextAreaController}) +TextArea(value?:{placeholder?: string, controller?: TextAreaController}) - 参数 | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | @@ -89,10 +89,11 @@ caretPosition(value: number): void @Entry @Component struct TextAreaExample1 { + controller: TextAreaController = new TextAreaController() @State text: string = '' build() { Column() { - TextArea({ placeholder: 'input your word'}) + TextArea({ placeholder: 'input your word', controller: this.controller}) .placeholderColor("rgb(0,0,225)") .placeholderFont({ size: 30, weight: 100, family: 'cursive', style: FontStyle.Italic }) .textAlign(TextAlign.Center) @@ -108,6 +109,7 @@ struct TextAreaExample1 { }) .onChange((value: string) => { this.text = value + this.controller.caretPosition(-1) }) Text(this.text).width('90%') } diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md index 279471bbf8ae99a48673addb5fd64e17c2f1a760..fbcf06c14522788f37289633f844ef4f5de7429c 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md @@ -105,10 +105,9 @@ struct TextInputExample1 { build() { Column() { - TextArea({ placeholder: 'input your word' }) + TextInput({ placeholder: 'input your word' }) .placeholderColor("rgb(0,0,225)") .placeholderFont({ size: 30, weight: 100, family: 'cursive', style: FontStyle.Italic }) - .textAlign(TextAlign.Center) .caretColor(Color.Blue) .height(50) .fontSize(30) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md index b8afaa69fd71ca9e71ee62ddc6b4e7cfa9cf51b9..cab72748f3c7faa088f282a5a93ffc9eb1a5f554 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md @@ -53,12 +53,13 @@ Navigator(value?: {target: string, type?: NavigationType}) @Component struct NavigatorExample { @State active: boolean = false - @State Text: string = 'news' + @State Text: object = {name: 'news'} build() { Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) { Navigator({ target: 'pages/container/navigator/Detail', type: NavigationType.Push }) { - Text('Go to ' + this.Text + ' page').width('100%').textAlign(TextAlign.Center) + Text('Go to ' + this.Text['name'] + ' page') + .width('100%').textAlign(TextAlign.Center) }.params({ text: this.Text }) Navigator() { @@ -79,7 +80,7 @@ import router from '@system.router' @Entry @Component struct DetailExample { - @State text: string = router.getParams().text + @State text: any = router.getParams().text build() { Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) { @@ -87,7 +88,8 @@ struct DetailExample { Text('Go to back page').width('100%').height(20) } - Text('This is ' + this.text + ' page').width('100%').textAlign(TextAlign.Center) + Text('This is ' + this.text['name'] + ' page') + .width('100%').textAlign(TextAlign.Center) } .width('100%').height(200).padding({ left: 35, right: 35, top: 35 }) }