默认的跳转中间页代码

2025-02-19 作者：Guojiz国际网址导航系统

一般是view/你的模板/page/url.html
image.png

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="1; url={$t.ssl}://{$t.www}">
    <title>即将访问"{$t.title}"</title>
    <style>
         *{margin:0;padding:0;box-sizing:border-box}
        body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Microsoft YaHei',sans-serif;color:#fff}
        .container{text-align:center;position:relative}
        .loader{width:80px;height:80px;margin:0 auto 20px;position:relative}
        .loader::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid rgba(255,255,255,.1)}
        .loader::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#0f8;animation:spin 1s linear infinite}
        @keyframes spin{0%{transform:rotate(0)}
        100%{transform:rotate(360deg)}
        }
        h1{font-size:2.5em;margin-bottom:30px;letter-spacing:2px;text-shadow:0 2px 5px rgba(0,0,0,.3)}
        p{color:rgba(255,255,255,.8);margin-bottom:30px}
        .progress-bar{width:300px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin:0 auto;overflow:hidden}
        .progress{width:100%;height:100%;background:#0f8;animation:progress 1s linear forwards;transform-origin:left}
        @keyframes progress{0%{transform:scaleX(0)}
        100%{transform:scaleX(1)}
        }
        .logo{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:60px;opacity:.9}
    </style>
</head>
<body>
    <div class="container">
        <div class="loader"></div>
        <h1>{$t.title}</h1>
        <p>请稍候，即将自动跳转...</p>
        <div class="progress-bar">
            <div class="progress"></div>
        </div>
    </div>
</body>
</html>