在Vue中同时使用过渡和动画-创新互联
加一个功能,当刷新页面的时候也有动画效果(加上appear和appear-active-class="animated rubberBand":
成都创新互联是一家专业提供灵山企业网站建设,专注与成都网站设计、成都网站建设、H5建站、小程序制作等业务。10年已为灵山众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。 //name随便取名: //自定义class名字: hello
如果过渡和库的动画都有:
//name随便取名: //自定义class名字: hello
但是,问题是,animate库的动画时长是1s,而我自己设置的是3s,所以要统一下时间。用type="transition",意思是以transition时间为准:
(但是经过测试,发现有问题)
还可以设置时间duration="10000",单位毫秒。还可以设置更细:duration="{enter: 5000, leave: 1000}":
//自定义class名字: hello
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文标题:在Vue中同时使用过渡和动画-创新互联
当前地址:http://lswzjz.com/article/doiogh.html