import{_ as t,b as s,d as a,p as e,w as i,bs as n,i as o,o as l,f as r,k as d,C as u,R as c}from"./index-2PZN6pGH.js";import{_ as p}from"./uni-card.CpdfOoXJ.js";import{_ as f}from"./uni-section.BISPxi99.js";const h=t({components:{},data:()=>({show:!0,modeClass:"fade",styles:{}}),onLoad(){},methods:{handle(t){this.show=!this.show,this.modeClass=t},custom(){this.$refs.ani.step({width:"100px",height:"100px",rotate:"180"},{delay:200,duration:300}),this.$refs.ani.step({width:"100px",height:"100px",rotate:"0"},{transformOrigin:"50% 50%"}),this.$refs.ani.step({translateX:"-100px"},{timingFunction:"ease-in",duration:100}),this.$refs.ani.step({translateX:"100px"},{timingFunction:"ease",duration:300}),this.$refs.ani.step({translateX:"50px",scale:1.5},{timingFunction:"linear",duration:100}),this.$refs.ani.step({translateX:"0px",scale:1},{timingFunction:"linear",duration:150}),this.$refs.ani.run()}}},[["render",function(t,h,m,_,y,x){const b=u,w=s(a("uni-card"),p),C=s(a("uni-transition"),n),g=o,k=s(a("uni-section"),f),$=c;return l(),e(g,null,{default:i((()=>[r(w,{"is-full":"","is-shadow":!1},{default:i((()=>[r(b,{class:"uni-h6"},{default:i((()=>[d("过渡动画，通常用于元素的过渡效果，例如淡隐淡出效果，遮罩层的效果、放大缩小的效果等")])),_:1})])),_:1}),r(k,{title:"示例",type:"line"},{default:i((()=>[r(g,{class:"example"},{default:i((()=>[r(C,{ref:"ani","custom-class":"transition","mode-class":y.modeClass,styles:y.styles,show:y.show},{default:i((()=>[r(b,{class:"text"},{default:i((()=>[d("示例元素")])),_:1})])),_:1},8,["mode-class","styles","show"])])),_:1})])),_:1}),r(k,{title:"操作",subTitle:"点击按钮 ,切换动画效果",type:"line"},{default:i((()=>[r(g,{class:"example-body"},{default:i((()=>[r($,{class:"transition-button",type:"primary",onClick:h[0]||(h[0]=t=>x.handle("fade"))},{default:i((()=>[d("淡隐淡出")])),_:1}),r($,{class:"transition-button",type:"primary",onClick:h[1]||(h[1]=t=>x.handle(["fade","slide-top"]))},{default:i((()=>[d("由上至下")])),_:1}),r($,{class:"transition-button",type:"primary",onClick:h[2]||(h[2]=t=>x.handle(["fade","slide-right"]))},{default:i((()=>[d("由右至左过")])),_:1}),r($,{class:"transition-button",type:"primary",onClick:h[3]||(h[3]=t=>x.handle(["fade","zoom-in"]))},{default:i((()=>[d("由小到大过")])),_:1}),r($,{class:"transition-button",type:"primary",onClick:x.custom},{default:i((()=>[d("自定义动画")])),_:1},8,["onClick"])])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-77b601aa"]]);export{h as default};
