该博客介绍了如何在 Thinkphp 框架中自定义美化 success 和 error 提示跳转页面。首先，修改 `application/config.php` 文件，将默认跳转页面模板设置为 `default_jump.tpl`。然后，在 `thinkphp/tpl` 目录下创建 `default_jump.tpl` 文件，并添加相应的 CSS 动画代码，包括 `success_short_Animation`, `success_long_Animation` 和加载动画等效果。"
88561614,7573415,使用原生JS构建简单Hash路由,"['原生Js', '路由', '单页面', 'hash']
/success short animate/
@-webkit-keyframes success_short_Animation {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -4px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-moz-keyframes success_short_Animation {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -4px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes success_short_Animation {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -4px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
/success short animate/
/success long animate/
@-webkit-keyframes success_long_Animation {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-moz-keyframes success_long_Animation {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
最低0.47元/天 解锁文章
1269
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
