主页

fastadmin默认页面跳转模板修改

陌上吟归雪   IP属地: 青海
0 点赞 0阅读 1242

修改文件路径/application/common/view/tpl/dispatch_jump.tpl,也可以在配置文件config.php修改文件路径

修改样式(根据自己喜欢的样式或html修改)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{:__('Warning')}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f0f0f0;
        }
        :root {
            --ba-main-space: 16px;
            --ba-color-primary-light: #3f6ad8;
            --ba-bg-color: #f5f5f5;
            --ba-bg-color-overlay: #ffffff;
            --ba-border-color: #f6f6f6
        }
        .inside-header,.inside-header #main{
            width: 100%;
        }
        .block-loading {
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 9990;
            background-color: var(--ba-bg-color)
        }

        .block-loading .block-loading-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .block-loading .block-loading-box-warp {
            width: 80px;
            height: 80px
        }

        .block-loading .block-loading-box-warp .block-loading-box-item {
            width: 33.333333%;
            height: 33.333333%;
            background: #409eff;
            float: left;
            animation: block-loading-animation 1.2s infinite ease;
            border-radius: 1px
        }

        .block-loading .block-loading-box-warp .block-loading-box-item:nth-child(7) {
            animation-delay: 0s
        }

        .block-loading .block-loading-box-warp .block-loading-box-item:nth-child(4),.block-loading .block-loading-box-warp .block-loading-box-item:nth-child(8) {
            animation-delay: .1s
        }

        .block-loading .block-loading-box-warp .block-loading-box-item:nth-child(1),.block-loading .block-loading-box-warp .block-loading-box-item:nth-child(5),.block-loading .block-loading-box-warp .block-loading-box-item:nth-child(9) {
            animation-delay: .2s
        }

        .block-loading .block-loading-box-warp .block-loading-box-item:nth-child(2),.block-loading .block-loading-box-warp .block-loading-box-item:nth-child(6) {
            animation-delay: .3s
        }

        .block-loading .block-loading-box-warp .block-loading-box-item:nth-child(3) {
            animation-delay: .4s
        }

        @keyframes block-loading-animation {
            0%,70%,to {
                transform: scaleZ(1)
            }

            35% {
                transform: scale3D(0,0,1)
            }
        }


        </style>
</head>
<body>
    <div class="block-loading">
        <div class="block-loading-box">
            <div class="block-loading-box-warp">
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>
                <div class="block-loading-box-item"></div>

            </div>
            {if condition="($msg)"} 
                <div style="font-size: 14px;margin-top: 5px;text-align: center;">{$msg}</div>
            {else /} 
                <div style="font-size: 14px;margin-top: 10px;text-align: center;">请稍后....</div>
            {/if}
            
            
        </div>
    </div>
    {if $url}
        <script type="text/javascript">
            (function () {
                var wait = 1,
                    href = '{$url|htmlentities}';
                var interval = setInterval(function () {
                    var time = --wait;
                    if (time <= 0) {
                        location.href = href;
                        clearInterval(interval);
                    }
                }, 1000);
            })();
        </script>
    {/if}
</body>
</html>


© 著作权归作者所有,转载或内容合作请联系作者