!20770 对timepicker更新demo代码及动图

Merge pull request !20770 from tengfan/timepicker_0711

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-timepicker.md

@@ -76,6 +76,9 @@ struct TimePickerExample {
           this.selectedTime.setHours(value.hour, value.minute)
           console.info('select current date is: ' + JSON.stringify(value))
         })
+        .disappearTextStyle({color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}})
+        .textStyle({color: Color.Black, font: {size: 20, weight: FontWeight.Normal}})
+        .selectedTextStyle({color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}})
     }.width('100%')
   }
 }

zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md

@@ -46,6 +46,9 @@ struct TimePickerDialogExample {
         .onClick(() => {
           TimePickerDialog.show({
             selected: this.selectTime,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               // 设置selectTime为按下确定按钮时的时间，这样当弹窗再次弹出时显示选中的为上一次确定的时间
               this.selectTime.setHours(value.hour, value.minute)
@@ -65,6 +68,9 @@ struct TimePickerDialogExample {
           TimePickerDialog.show({
             selected: this.selectTime,
             useMilitaryTime: true,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               this.selectTime.setHours(value.hour, value.minute)
               console.info("TimePickerDialog:onAccept()" + JSON.stringify(value))