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 412a9e92d689abe82a752e1e6aa76956218bc71b..df9c2087abf294646e0a884c6f24e395d7c9da71 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
@@ -87,7 +87,11 @@ struct ProgressExample {
Text('Capsule Progress').fontSize(9).fontColor(0xCCCCCC).width('90%')
Row({ space: 40 }) {
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)
+ 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-slider.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md
index c77838280eced9052d61934cd619c2b989a8ea27..da380038151e1f42799664637556ddf2c1d2e62e 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md
@@ -33,39 +33,39 @@ Slider(value:{value?: number, min?: number, max?: number, step?: number, style?:
| reverse8+ | boolean | 否 | false | 设置滑动条取值范围是否反向。 |
- SliderStyle枚举说明
- | 名称 | 描述 |
+ | 名称 | 描述 |
| -------- | -------- |
- | OutSet | 滑块在滑轨上。 |
- | InSet | 滑块在滑轨内。 |
+ | OutSet | 滑块在滑轨上。 |
+ | InSet | 滑块在滑轨内。 |
## 属性
不支持触摸热区设置。
-| 名称 | 参数类型 | 默认值 | 描述 |
+| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
-| blockColor | Color | - | 设置滑块的颜色。 |
-| trackColor | Color | - | 设置滑轨的背景颜色。 |
-| selectedColor | Color | - | 设置滑轨的已滑动颜色。 |
-| showSteps | boolean | false | 设置当前是否显示步长刻度值。 |
-| showTips | boolean | false | 设置滑动时是否显示气泡提示百分比。 |
+| blockColor | Color | - | 设置滑块的颜色。 |
+| trackColor | Color | - | 设置滑轨的背景颜色。 |
+| selectedColor | Color | - | 设置滑轨的已滑动颜色。 |
+| showSteps | boolean | false | 设置当前是否显示步长刻度值。 |
+| showTips | boolean | false | 设置滑动时是否显示气泡提示百分比。 |
## 事件
通用事件仅支持:OnAppear,OnDisAppear。
-| 名称 | 功能描述 |
+| 名称 | 功能描述 |
| -------- | -------- |
-| onChange(callback: (value: number, mode: SliderChangeMode) => void) | Slider滑动时触发事件回调。
value:当前进度值。
mode:拖动状态。 |
+| onChange(callback: (value: number, mode: SliderChangeMode) => void) | Slider滑动时触发事件回调。
value:当前进度值。
mode:拖动状态。 |
- SliderChangeMode枚举说明
- | 名称 | 描述 |
- | -------- | -------- |
- | Begin | 用户开始拖动滑块。 |
- | Moving | 用户拖动滑块中。 |
- | End | 用户结束拖动滑块。 |
+ | 名称 | 值 | 描述 |
+ | -------- | -------- | -------- |
+ | Begin | 0 | 用户开始拖动滑块。 |
+ | Moving | 1 | 用户拖动滑块中。 |
+ | End | 2 | 用户结束拖动滑块。 |
## 示例
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
index 75e8fd62f400078e0c9cadbcc0bdde581e65d9ef..5c208cc02a485c858b59cd95527e1ad1e733f528 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
@@ -148,14 +148,20 @@ struct ScrollExample {
Column() {
ForEach(this.arr, (item) => {
Text(item.toString())
- .width('90%').height(150).backgroundColor(0xFFFFFF)
- .borderRadius(15).fontSize(16).textAlign(TextAlign.Center)
+ .width('90%')
+ .height(150)
+ .backgroundColor(0xFFFFFF)
+ .borderRadius(15)
+ .fontSize(16)
+ .textAlign(TextAlign.Center)
.margin({ top: 10 })
}, item => item)
}.width('100%')
}
- .scrollable(ScrollDirection.Vertical).scrollBar(BarState.On)
- .scrollBarColor(Color.Gray).scrollBarWidth(30)
+ .scrollable(ScrollDirection.Vertical)
+ .scrollBar(BarState.On)
+ .scrollBarColor(Color.Gray)
+ .scrollBarWidth(30)
.onScroll((xOffset: number, yOffset: number) => {
console.info(xOffset + ' ' + yOffset)
})