* [return_jump_tip URL跳转提示信息 echo 输出样式]
* @param [type] $status [状态 1 true | 0 false]
* @param [type] $msg [信息]
* @param [array] $data [数据]
* @param [string] $code [状态码]
* @return [type] [description]
*
*/
function return_jump_tip($status = null, $msg = null, $url = null)
{
$img = '';
if($status){
$img = 'success.png';
}else{
$img = 'errors.png';
}
echo '
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转提示</title>
<style type="text/css">
*{ padding: 0; margin: 0; }
body{ background: #fff; font-family: "Microsoft Yahei"; color: #333; font-size: 16px; }
.system-message{ padding: 24px 48px; text-align: center; margin-top: 10%;}
.system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
.system-message .jump{ padding-top: 10px; }
.system-message .jump a{ color: #333; }
.system-message .tips{ line-height: 1.8em; font-size: 36px; }
.system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
</style>
</head>
<body>
<div class="system-message">
<h1>
<img src="/static/common/images/'.$img.'" style="width:100px; height:100px">
</h1>
<p class="tips">'.$msg.'</p>
<p class="detail"></p>
<p class="jump">
页面自动 <a id="href" href="'.$url.'">跳转</a> 等待时间： <b id="wait">3</b>
</p>
</div>
<script type="text/javascript">
(function(){
var wait = document.getElementById(\'wait\'),
href = document.getElementById(\'href\').href;
var interval = setInterval(function(){
var time = --wait.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
};
}, 1000);
})();
</script>
</body>
</html>
';
die;
}应用: /**
* [index 后台登陆页面]
* @return [type] [description]
*/
public function index()
{
if ( Session::get('admin_id') ) {
return return_jump_tip(0, '正在前往后台●﹏●', '/index/index');
} else {
return view();
}
}样式图片: 另存
最终效果:
最佳答案
