vue3 transition router-view不显示动画
创始人
2024-11-15 01:34:02
0次
按上方那样写，注意CSS也需要
.fade-enter-from{ /* 进入时的透明度为0 和 刚开始进入时的原始位置通过active透明度渐渐变为1 */ opacity: 0; transform: translateX(-30px); } .fade-enter-to{ /*定义进入完成后的位置 和 透明度 */ transform: translateX(0%); opacity: 1; } .fade-leave-active,.fade-enter-active { transition: all 0.5s ease-out; } .fade-leave-from { /* 页面离开时一开始的css样式,离开后为leave-to，经过active渐渐透明 */ transform: translateX(0%); opacity: 1; } .fade-leave-to{ /* 这个是离开后的透明度通过下面的active阶段渐渐变为0 */ transform: translateX(100%); opacity: 0; } 如果class 类名没有的话也不会显示的
相关内容
热门资讯
透视挂!wepoker辅助器激...
透视挂!wepoker辅助器激活码(透视)永久脚本辅助器(详细辅助曝光教程)；1、这是跨平台的wep...
分享实测！欢乐茶馆免费辅助脚本...
一、欢乐茶馆免费辅助脚本在哪里简介了解软件请加微：136704302欢乐茶馆免费辅助脚本在哪里是一款...
透视辅助"hhpok...
透视辅助"hhpoker底牌透视脚本"详细辅助力荐教程(确实存在有挂)；1、进入游戏-大厅左侧-新手...
透视苹果版!拱趴大菠萝自动计算...
透视苹果版!拱趴大菠萝自动计算机器人(透视)永久脚本辅助助手(详细辅助大神讲解)运拱趴大菠萝自动计算...
指导大家！传送屋辅助器，一起温...
1、指导大家！传送屋辅助器，一起温州游戏辅助器（详细辅助新2025教程）；代表性（透视辅助软件透明挂...
透视讲解"wepok...
透视讲解"wepoker怎么看底牌"详细辅助wpk教程(都是存在有挂)1、wepoker怎么看底牌透...
透视辅助!佛手大菠萝辅助(透视...
透视辅助!佛手大菠萝辅助(透视)永久脚本辅助方法(详细辅助力荐教程)小薇（透视辅助）致您一封信；亲爱...
玩家必备教程！广东插件智能插件...
您好，广东插件智能插件安装包免费这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】...
透视好友房"aa p...
透视好友房"aa poker辅助"详细辅助介绍教程(一贯存在有挂)1、aa poker辅助系统规律教...
一分钟了解！传送屋透视，微信财...
您好，微信财神十三张脚本这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...