greenPro/unpackage/dist/dev/mp-weixin/pages/extUI/transition/transition.wxml

1 line
1.1 KiB
Plaintext
Raw Normal View History

2024-06-02 14:51:29 +00:00
<view><uni-card wx:if="{{a}}" u-s="{{['d']}}" u-i="79169488-0" bind:__l="__l" u-p="{{a}}"><text class="uni-h6">过渡动画,通常用于元素的过渡效果,例如淡隐淡出效果,遮罩层的效果、放大缩小的效果等</text></uni-card><uni-section wx:if="{{d}}" u-s="{{['d']}}" u-i="79169488-1" bind:__l="__l" u-p="{{d}}"><view class="example"><uni-transition wx:if="{{c}}" class="r" u-s="{{['d']}}" u-r="ani" u-i="79169488-2,79169488-1" bind:__l="__l" u-p="{{c}}"><text class="text">示例元素</text></uni-transition></view></uni-section><uni-section wx:if="{{j}}" u-s="{{['d']}}" u-i="79169488-3" bind:__l="__l" u-p="{{j}}"><view class="example-body"><button class="transition-button" type="primary" bindtap="{{e}}">淡隐淡出</button><button class="transition-button" type="primary" bindtap="{{f}}">由上至下</button><button class="transition-button" type="primary" bindtap="{{g}}">由右至左过</button><button class="transition-button" type="primary" bindtap="{{h}}">由小到大过</button><button class="transition-button" type="primary" bindtap="{{i}}">自定义动画</button></view></uni-section></view>