diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md index 4e57b1813c3091e0fdb802d955c64f12613d0c64..d8cb0bb3008facedca47015abeb1270802e1f9a9 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md @@ -63,47 +63,50 @@ struct StepperExample { .fontColor(Color.Blue) .width(200) .lineHeight(50) - .margin({top:250}) + .margin({ top: 250 }) } .nextLabel('') - .position({x: '35%', y: 0}) + .position({ x: '35%', y: 0 }) + StepperItem() { Text('Page Two') .fontSize(35) .fontColor(Color.Blue) .width(200) .lineHeight(50) - .margin({top:250}) - .onClick(()=>{ + .margin({ top: 250 }) + .onClick(() => { this.firstState = this.firstState === ItemState.Skip ? ItemState.Normal : ItemState.Skip }) } .nextLabel('Next') .prevLabel('Previous') .status(this.firstState) - .position({x: '35%', y: 0}) + .position({ x: '35%', y: 0 }) + StepperItem() { Text('Page Three') .fontSize(35) .fontColor(Color.Blue) .width(200) .lineHeight(50) - .margin({top:250}) - .onClick(()=>{ + .margin({ top: 250 }) + .onClick(() => { this.secondState = this.secondState === ItemState.Waiting ? ItemState.Normal : ItemState.Waiting }) } - .position({x: '35%', y: 0}) + .position({ x: '35%', y: 0 }) .status(this.secondState) + StepperItem() { Text('Page four') .fontSize(35) .fontColor(Color.Blue) .width(200) .lineHeight(50) - .margin({top:250}) + .margin({ top: 250 }) } - .position({x: '35%', y: 0}) + .position({ x: '35%', y: 0 }) .nextLabel('Finish') } .onFinish(() => {