使用fastadmin的页面跳转模板

1、效果图

2、修改tp默认跳转模板文件（ /thinkphp/tpl/dispatch_jump.tpl ），将文件中的内容全部替换成下面的内容然后保存即可，注意替换语言包和图片路径

 1 {__NOLAYOUT__}<!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>{:__('Warning')}</title>
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
 8     <style type="text/css">
 9         *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased}
10         body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
11         a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
12         .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}
13         .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}
14         .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
15         .system-message .jump{font-size:14px}
16         .system-message .jump a{color:#333}
17         .system-message p{font-size:9pt;line-height:20px}
18         .system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;}
19         .success .btn{border-color:#69bf4e;color:#69bf4e}
20         .error .btn{border-color:#ff8992;color:#ff8992}
21         .info .btn{border-color:#3498db;color:#3498db}
22         .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
23         .system-message .btn-grey{border-color:#bbb;color:#bbb}
24         .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
25         @media (max-width:768px){body {padding:20px 0;}}
26             @media (max-width:480px){.system-message h1{font-size:30px;}}
27     </style>
28 </head>
29 <body>
30 {php}$codeText=$code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');{/php}
31 <div class="system-message {$codeText}">
32     <div class="image">
33         <img src="__CDN__/assets/img/{$codeText}.svg" alt="" width="150" />
34     </div>
35     <h1>{$msg}</h1>
36     {if $url}
37         <p class="jump">
38             {:__('This page will be re-directed in %s seconds', '<span id="wait">' . $wait . '</span>')}
39         </p>
40     {/if}
41     <p class="clearfix">
42         <a href="__PUBLIC__" class="btn btn-grey">{:__('Go back')}</a>
43         {if $url}
44             <a href="{$url}" class="btn btn-primary">{:__('Jump now')}</a>
45         {/if}
46     </p>
47 </div>
48 <div class="copyright">
49     <p>Powered by <a href="https://www.fastadmin.net/?ref=jump">FastAdmin</a></p>
50 </div>
51 {if $url}
52     <script type="text/javascript">
53         (function () {
54             var wait = document.getElementById('wait');
55             var interval = setInterval(function () {
56                 var time = --wait.innerHTML;
57                 if (time <= 0) {
58                     location.href = "{$url}";
59                     clearInterval(interval);
60                 }
61             }, 1000);
62         })();
63     </script>
64 {/if}
65 </body>
66 </html>

over！over！over！

转载于:https://www.cnblogs.com/yulongcode/p/10598094.html

使用fastadmin的页面跳转模板相关推荐

fastadmin html模板,使用fastadmin的页面异常模板
1.效果图 2.修改tp异常页面的模板文件( /thinkphp/tpl/think_exception.tpl ),将文件中的内容全部替换成下面的内容然后保存即可(若发生报错,请注意语言包问题) $ ...
【Python】Flask框架系列（一）：安装、页面跳转/重定向、模板、逻辑语句、过滤器、继承/使用block、url链接/加载静态资源
从下载安装开始的所有笔记. 其实 Flask 的示例程序算是 MVC 模式的. Model 是 ORM, V 是 Template, C 是 url route 和 request handler. ...
html5只能django来写if吗,（4）Django学习——模板标签定义及语法：for循环，if判断，页面跳转，开启关闭自动转义，ur...
1.常用标签 (1)模板标签重要概念: 1.定义:标签在渲染的过程中提供任意的逻辑注意:(这个定义是刻意模糊的. 例如,一个标签可以输出内容,作为控制结构,例如"if"语句或&q ...
Python-Flask入门，静态文件、页面跳转、错误信息、动态网页模板
Python-Flask入门及路由基础请参看Python-Flask入门,路由route.项目启动.修改网址端口.获取URL地址和参数.Form数据_无敌路路帅气的博客-CSDN博客本节重点讲述静态 ...
SpringBoot 整合模板引擎 Thymeleaf 页面跳转失败的解决方案
1. 出错现象我们知道 Thymeleaf 模板引擎规定的文件路劲应该是在 templates 目录下面的. 但是笔者在开发的过程中,满足了上述要求但是还是没能映射成功. 我们来看看 index.h ...
aspx跳转页面的符号_解决SpringBoot+MyBatis框架下页面跳转问题与代码优化处理。...
一.关于页面跳转的疑问后台「return "/pool/index"」返回的是字符串,会自动寻找名为"index"的页面模板文件是怎样实现的? 答:这是Spr ...
Struts2——学习(5)：页面跳转
2019独角兽企业重金招聘Python工程师标准>>> 一,说到页面,记得在总体介绍中,说到Struts2比Struts1的一方面优势就是它支持更多的视图技术(Freemarker, ...
Flex页面跳转的五种实现方式
Flex页面跳转有很多值得学习的地方,本文向大家介绍一下Flex页面跳转的几种方式,主要包括五种方式,这里为大家一一介绍. AD: 在学习Flex的过程中,你可能会遇到Flex页面跳转的概念,这里和大 ...
Django(part15)--页面跳转
学习笔记,仅供参考,有错必纠模板页面跳转因为我不知道咋描述,所以直接放代码,我们一起来细细品味. pages.html <!DOCTYPE html> <html lang=& ...
android数据回传多个页面_Android Day06四大组件之Activity多页面跳转和数据传递
ToolBar中menu无法同时显示图标和文字问题的解决方法 Toolbar添加返回按钮 ToolBar与ActionBar 1.什么是Activity 官方文档是这么说的:Anwhich users ...

使用fastadmin的页面跳转模板

使用fastadmin的页面跳转模板相关推荐

最新文章

热门文章