!11173 示例代码整改1028的示例图

Merge pull request !11173 from 田雨/master

zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md

@@ -73,3 +73,5 @@ struct AttrAnimationExample {
   }
 }
 ```
+
+![animation](figures/animation.gif)
\ No newline at end of file

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

@@ -30,10 +30,10 @@
 
 **参数：**
 
-  | 参数名     | 参数类型                                | 必填   | 参数描述          |
-  | ------- | ----------------------------------- | ---- | ------------- |
-  | label   | [ResourceStr](ts-types.md#resourcestr) | 否    | 按钮文本内容。       |
-  | options | { type?: ButtonType, stateEffect?: boolean }   | 否    | 见方法1参数说明。 |
+| 参数名     | 参数类型                                | 必填   | 参数描述          |
+| ------- | ----------------------------------- | ---- | ------------- |
+| label   | [ResourceStr](ts-types.md#resourcestr) | 否    | 按钮文本内容。       |
+| options | { type?: ButtonType, stateEffect?: boolean }   | 否    | 见方法1参数说明。 |
 
 
 ## 属性
@@ -89,9 +89,6 @@ struct ButtonExample {
             Text('loading').fontSize(12).fontColor(0xffffff).margin({ left: 5, right: 12 })
           }.alignItems(VerticalAlign.Center).width(90).height(40)
         }.backgroundColor(0x317aff)
-        .onClick((event: ClickEvent) => {
-          AlertDialog.show({ message: 'The login is successful' })
-        })
 
         Button('Disable', { type: ButtonType.Capsule, stateEffect: false }).opacity(0.4)
           .backgroundColor(0x317aff).width(90)
@@ -112,3 +109,4 @@ struct ButtonExample {
 }
 ```
 
+![button](figures/button.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-container-alphabet-indexer.md

@@ -162,3 +162,4 @@ struct AlphabetIndexerSample {
 }
 ```
 
+![alphabet](figures/alphabet.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md

@@ -180,3 +180,5 @@ struct SwiperExample {
   }
 }
 ```
+
+![swiper](figures/swiper.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md

@@ -113,3 +113,4 @@ struct TabContentExample {
 }
 ```
 
+![tabContent](figures/tabContent.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-explicit-animation.md

@@ -88,3 +88,11 @@ struct AnimateToExample {
   }
 }
 ```
+
+示意图：
+
+![animation](figures/animation.PNG)
+
+点击第一个按钮播放改变按钮大小的动画，点击第二个按钮播放按钮顺时针旋转90度的动画。
+
+![animation1](figures/animation1.PNG)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md

@@ -59,3 +59,5 @@ struct TransitionExample {
   }
 }
 ```
+
+![animateTo](figures/animateTo.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md

@@ -53,3 +53,4 @@ struct pageBExample {
 }
 ```
 
+![shared](figures/shared.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md

@@ -105,4 +105,4 @@ struct FlexExample {
 }
 ```
 
-
+![flex](figures/flex.PNG)

zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md

@@ -53,3 +53,4 @@ struct ClipAndMaskExample {
 }
 ```
 
+![clipAndMask](figures/clipAndMask.PNG)
\ No newline at end of file