跳转页模板格式规范

This commit is contained in:
小陈叔叔
2016-01-04 10:44:03 +08:00
parent cd736ca02e
commit 4cc162c6a1
4 changed files with 155 additions and 147 deletions

View File

@@ -1,10 +1,10 @@
<?php <?php
namespace {$app}\{$module}controller; namespace {$app}\{$module}controller;
class Index class Index
{ {
public function index() public function index()
{ {
return '<style type="text/css">*{ padding: 0; margin: 0; } div{ padding: 4px 48px;} body{ background: #fff; font-family: "微软雅黑"; color: #333;} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.8em; font-size: 36px }</style><div style="padding: 24px 48px;"> <h1>:)</h1><p>欢迎使用 <b>ThinkPHP5</b></p></div><script type="text/javascript" src="http://tajs.qq.com/stats?sId=9347272" charset="UTF-8"></script><script type="text/javascript" src="http://ad.topthink.com/Public/static/client.js"></script><thinkad id="ad_bd568ce7058a1091"></thinkad>'; return '<style type="text/css">*{ padding: 0; margin: 0; } div{ padding: 4px 48px;} body{ background: #fff; font-family: "微软雅黑"; color: #333;} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.8em; font-size: 36px }</style><div style="padding: 24px 48px;"> <h1>:)</h1><p>欢迎使用 <b>ThinkPHP5</b></p></div><script type="text/javascript" src="http://tajs.qq.com/stats?sId=9347272" charset="UTF-8"></script><script type="text/javascript" src="http://ad.topthink.com/Public/static/client.js"></script><thinkad id="ad_bd568ce7058a1091"></thinkad>';
} }
} }

View File

@@ -1,45 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转提示</title> <title>跳转提示</title>
<style type="text/css"> <style type="text/css">
*{ padding: 0; margin: 0; } *{ padding: 0; margin: 0; }
body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; } body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
.system-message{ padding: 24px 48px; } .system-message{ padding: 24px 48px; }
.system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; } .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
.system-message .jump{ padding-top: 10px} .system-message .jump{ padding-top: 10px; }
.system-message .jump a{ color: #333;} .system-message .jump a{ color: #333; }
.system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px } .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px; }
.system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none} .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
</style> </style>
</head> </head>
<body> <body>
<div class="system-message"> <div class="system-message">
<switch name="code"> <?php switch ($code) {?>
<case value="1"><h1>:)</h1> <?php case 1:?>
<p class="success"><?php echo(strip_tags($msg)); ?></p> <h1>:)</h1>
</case> <p class="success"><?php echo(strip_tags($msg));?></p>
<case value="0"><h1>:(</h1> <?php break;?>
<p class="error"><?php echo(strip_tags($msg)); ?></p> <?php case 0:?>
</case> <h1>:(</h1>
</switch> <p class="error"><?php echo(strip_tags($msg));?></p>
<p class="detail"></p> <?php break;?>
<p class="jump"> <?php } ?>
页面自动 <a id="href" href="<?php echo($url); ?>">跳转</a> 等待时间: <b id="wait"><?php echo($wait); ?></b> <p class="detail"></p>
</p> <p class="jump">
</div> 页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间: <b id="wait"><?php echo($wait);?></b>
<script type="text/javascript"> </p>
(function(){ </div>
var wait = document.getElementById('wait'),href = document.getElementById('href').href; <script type="text/javascript">
var interval = setInterval(function(){ (function(){
var time = --wait.innerHTML; var wait = document.getElementById('wait'),
if(time <= 0) { href = document.getElementById('href').href;
location.href = href; var interval = setInterval(function(){
clearInterval(interval); var time = --wait.innerHTML;
}; if(time <= 0) {
}, 1000); location.href = href;
})(); clearInterval(interval);
</script> };
}, 1000);
})();
</script>
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long

View File

@@ -3,51 +3,51 @@
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>系统发生错误</title> <title>系统发生错误</title>
<style type="text/css"> <style type="text/css">
*{ padding: 0; margin: 0; } *{ padding: 0; margin: 0; }
html{ overflow-y: scroll; } html{ overflow-y: scroll; }
body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; } body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
img{ border: 0; } img{ border: 0; }
.error{ padding: 24px 48px; } .error{ padding: 24px 48px; }
.face{ font-size: 10.25em; color:red;font-weight: 400; line-height: 1.0; margin-bottom: .15em; } .face{ font-size: 10.25em; color:red;font-weight: 400; line-height: 1.0; margin-bottom: .15em; }
.error .content{ padding-top: 10px;} .error .content{ padding-top: 10px; }
.error .info{ margin-bottom: 12px; } .error .info{ margin-bottom: 12px; }
.error .info .title{ margin-bottom: 3px; } .error .info .title{ margin-bottom: 3px; }
h1{ font-size:2.75em;line-height:1.2;font-weight:200} h1{ font-size: 2.75em; line-height: 1.2; font-weight:200; }
h2{ padding-bottom:.3em;line-height:1.225;border-bottom:1px solid #eee;color: #000; font-weight: 300; font-size: 1.75em; } h2{ padding-bottom: .3em; line-height: 1.225; border-bottom: 1px solid #eee; color: #000; font-weight: 300; font-size: 1.75em; }
.error .info .text{ line-height: 24px; } .error .info .text{ line-height: 24px; }
.copyright{ font-weight:200;padding: 12px 48px; color: #999; } .copyright{ font-weight: 200; padding: 12px 48px; color: #999; }
.copyright a{ color: #000; text-decoration: none;font-weight:300;font-size:1.1em } .copyright a{ color: #000; text-decoration: none; font-weight: 300; font-size: 1.1em; }
</style> </style>
</head> </head>
<body> <body>
<div class="error"> <div class="error">
<p class="face">:(</p> <p class="face">:(</p>
<h1><?php if(!empty($e['code'])){ echo '<span style="color:#999">[ '.$e['code'].' ]</span> ';} echo strip_tags($e['message']);?></h1> <h1><?php if (!empty($e['code'])) { echo '<span style="color:#999">[ '.$e['code'].' ]</span> ';} echo strip_tags($e['message']);?></h1>
<div class="content"> <div class="content">
<?php if(isset($e['file'])) {?> <?php if (isset($e['file'])) {?>
<div class="info"> <div class="info">
<div class="title"> <div class="title">
<h2></h2> <h2></h2>
</div> </div>
<div class="text"> <div class="text">
<p>FILE: <?php echo $e['file'] ;?> &#12288;LINE: <?php echo $e['line'];?></p> <p>FILE: <?php echo $e['file'];?> &#12288;LINE: <?php echo $e['line'];?></p>
</div> </div>
</div> </div>
<?php }?> <?php }?>
<?php if(isset($e['trace'])) {?> <?php if (isset($e['trace'])) {?>
<div class="info"> <div class="info">
<div class="title"> <div class="title">
<h2>TRACE</h2> <h2>TRACE</h2>
</div> </div>
<div class="text"> <div class="text">
<p><?php echo nl2br($e['trace']);?></p> <p><?php echo nl2br($e['trace']);?></p>
</div> </div>
</div> </div>
<?php }?> <?php }?>
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
<p><a title="官方网站" href="http://www.thinkphp.cn">ThinkPHP</a> <sup><?php echo THINK_VERSION ?></sup> { Fast & Simple OOP PHP Framework } -- [ WE CAN DO IT JUST THINK ]</p> <p><a title="官方网站" href="http://www.thinkphp.cn">ThinkPHP</a> <sup><?php echo THINK_VERSION;?></sup> { Fast & Simple OOP PHP Framework } -- [ WE CAN DO IT JUST THINK ]</p>
</div> </div>
</body> </body>
</html> </html>