tp5 success error界面改写，伸手党别评论。小弟不敢当。

最新推荐文章于 2021-06-15 13:32:06 发布

明明没有糖

最新推荐文章于 2021-06-15 13:32:06 发布

阅读量322

点赞数 1

分类专栏： tp5_exit 文章标签： tp5

本文链接：https://blog.csdn.net/weixin_42139535/article/details/90664852

版权

tp5_exit 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

复制粘贴即可dispatch_jump.tpl
算是留给自己的一份

{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.jinze.xyz/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.jinze.xyz">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>正在跳转...</title>
    <style type="text/css">
        *{ padding: 0; margin: 0; }
        body{ background: rgb(240,255,255); font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
        .system-message{ padding: 24px 48px; }
        .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 .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; }
    </style>
</head>
<body>
<div class="system-message">
    <p class="jump">
        页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间： <b id="wait"><?php echo($wait);?></b>
    </p>
    <?php switch ($code) {?>
    <?php case 1:?>
    
    
    
    <p class="success"><?php echo(strip_tags($msg));?></p>
    <div class="spinner"></div>
    <style>
    .spinner {
    width: 245px;
    height: 245px;
    background-color: #67CF22;
    margin: 185px auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    }

                @-webkit-keyframes rotateplane {
                  0% { -webkit-transform: perspective(245px) }
                  50% { -webkit-transform: perspective(245px) rotateY(180deg) }
                  100% { -webkit-transform: perspective(245px) rotateY(180deg) rotateX(180deg) }
                }

@keyframes rotateplane {
                  0% {
                    transform: perspective(245px) rotateX(0deg) rotateY(0deg);
                    -webkit-transform: perspective(245px) rotateX(0deg) rotateY(0deg)
                  } 50% {
                    transform: perspective(245px) rotateX(-180.1deg) rotateY(0deg);
                    -webkit-transform: perspective(245px) rotateX(-180.1deg) rotateY(0deg)
                  } 100% {
                    transform: perspective(245px) rotateX(-180deg) rotateY(-179.9deg);
                    -webkit-transform: perspective(245px) rotateX(-180deg) rotateY(-179.9deg);
                  }
                }
                </style>
    <?php break;?>
    <?php case 0:?>
    
    
    <p class="error"><?php echo(strip_tags($msg));?></p>
    <div class="spinner"></div>
    <style>
        .spinner {
            width: 245px;
            height: 245px;
            background-color: #67CF22;
            margin: 185px auto;
            -webkit-animation: rotateplane 2s infinite ease-in-out;
            animation: rotateplane 2s infinite ease-in-out;
        }

        @-webkit-keyframes rotateplane {
            0% { -webkit-transform: perspective(245px) }
            50% { -webkit-transform: perspective(245px) rotateY(180deg) }
            100% { -webkit-transform: perspective(245px) rotateY(180deg) rotateX(180deg) }
        }

        @keyframes rotateplane {
            0% {
                transform: perspective(245px) rotateX(0deg) rotateY(0deg);
                -webkit-transform: perspective(245px) rotateX(0deg) rotateY(0deg)
            } 50% {
                  transform: perspective(245px) rotateX(-180.1deg) rotateY(0deg);
                  -webkit-transform: perspective(245px) rotateX(-180.1deg) rotateY(0deg)
              } 100% {
                    transform: perspective(245px) rotateX(-180deg) rotateY(-179.9deg);
                    -webkit-transform: perspective(245px) rotateX(-180deg) rotateY(-179.9deg);
                }
        }
    </style>
    <?php break;?>
    <?php } ?>
</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>

明明没有糖

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
tp5 success error界面改写，伸手党别评论。小弟不敢当。

复制粘贴即可dispatch_jump.tpl算是留给自己的一份{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.jinze.xyz/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt...
复制链接

扫一扫

专栏目录