点击修改宽度
点击修改宽度(递增)
点击修改宽度(通过style设置transition)
点击修改Margin
点击修改Padding
点击修改background-color和opacity
点击修改background-color（rgba）
点击修改opacity渐隐渐现
动态修改background-color和duration
点击修改Transform
点击修改TransformTranslate
点击修改Transform和宽
点击修改Transform（含transform-origin）
点击修改Border
点击修改Position
点击修改bottom
点击修改Scale
点击修改scale和opacity(cubic-bezier回弹)
仅指定transition-duration背影有动画为正常
transition-property: all/none 演示
在组件内滑动测试是否闪动
这是一段文字
测试在style中同时修改transform和width
测试在style中同时修改transform的translateX/Y的百分比
点击修改宽度(值为auto有无动画交替出现)
重复修改width
text 组件 transition
text 点击修改 transform (rotate)
文字内容
text 点击修改 opacity
文字内容
text 点击修改 background-color
文字内容
image 组件 transition
image 点击修改 transform (rotate)
image 点击修改 opacity
image 点击修改 transform (scale)
设置box-shadow之后验证border和background-color效果
scroll-view 组件
点击 scroll-view 查看 transition 效果
transition: width 1s
transition: width 2s ease-in-out
setProperty 设置与 getPropertyValue 获取
view 组件
设置值: {{data.transitionValue}}
获取值: {{data.transitionActual}}
点击view
text 组件
设置值 sdf: {{data.transitionValue}}
获取值: {{data.transitionActualText}}
点击text
image 组件
设置值: {{data.transitionValue}}
获取值: {{data.transitionActualImage}}
view 组件拍平
设置值: {{data.transitionValue}}
获取值: {{data.transitionActualFlat}}
点击view
text 组件拍平
设置值: {{data.transitionValue}}
获取值: {{data.transitionActualTextFlat}}
点击text
image 组件拍平
设置值: {{data.transitionValue}}
获取值: {{data.transitionActualImageFlat}}
第一个枚举值，'' (空字符串) - 空值情况
native-view 组件
点击 native-view 查看 transition 效果