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 类名没有的话也不会显示的
相关内容
热门资讯
来临！潮汕汇鱼虾蟹辅助器，途游...
来临！潮汕汇鱼虾蟹辅助器，途游四川辅助器是真的吗，举措教程（有挂技巧）-哔哩哔哩1、下载好途游四川辅...
解谜透视!aa poker辅助...
解谜透视!aa poker辅助!分享开挂内幕辅助挂(确实有挂)-哔哩哔哩1、这是跨平台的aa pok...
针对！欢游互动辅助，互游辅助，...
针对！欢游互动辅助，互游辅助，演示教程（的确有挂）-哔哩哔哩1、许多玩家不知道欢游互动辅助辅助怎么退...
开挂透视!epoker免费透视...
您好，epoker免费透视脚本这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302...
今天上午！禅游破解版苹果版下载...
今天上午！禅游破解版苹果版下载，九九联盟辅助教程，攻略教程（有挂猫腻）-哔哩哔哩禅游破解版苹果版下载...
曝光透视!德普之星怎么开辅助!...
曝光透视!德普之星怎么开辅助!玩家必备攻略辅助器(有挂辅助)-哔哩哔哩1、每一步都需要思考，不同水平...
更值得关注的是！广西友乐免费辅...
更值得关注的是！广西友乐免费辅助使用视频，创思维激k辅助器视频，项目教程（有挂秘诀）-哔哩哔哩1、在...
必备透视!wpk德州局透视!一...
必备透视!wpk德州局透视!一分钟了解辅助器(发现有挂)-哔哩哔哩一、wpk德州局透视游戏安装教程牌...
做出回应！瓜瓜丰城手机辅助，途...
做出回应！瓜瓜丰城手机辅助，途游四川破解，妙计教程（有人有挂）-哔哩哔哩1、玩家可以在瓜瓜丰城手机辅...
关于透视!wepoker透视方...
关于透视!wepoker透视方法!实测必看辅助软件(有挂实锤)-哔哩哔哩一、wepoker透视方法游...