过渡动画,通常用于元素的过渡效果,例如淡隐淡出效果,遮罩层的效果、放大缩小的效果等
一、基础过渡动画
<template>
<view>
<uni-section title="基础过渡动画" type="line"></uni-section>
<view class="example-body">
<button @click="open(['slide-top'])">slide-top</button>
<button @click="open(['slide-left'])">slide-left</button>
<button @click="open(['slide-right'])">slide-right</button>
<button @click="open(['slide-bottom'])">slide-bottom</button>
<button @click="open(['fade'])">fade</button>
<button @click="open(['zoom-in', 'fade'])">zoom-in</button>
<button @clic