Leonmmcoset
05e49f959a
为router.php、admin/addapp.php、app.php、error_pages/404.html、error_pages/500.html、admin/login.php、developer/login.php、developer/profile.php和developer/dashboard.php添加fadeIn动画效果，提升用户体验
60 lines
2.0 KiB
PHP
60 lines
2.0 KiB
PHP
<?php
|
||
// 路由脚本，用于PHP内置服务器
|
||
// 将所有/api开头的请求转发到api.php
|
||
|
||
// 顶栏样式
|
||
echo '<style>
|
||
.navbar.scrolled {
|
||
background-color: rgba(255, 255, 255, 0.95) !important;
|
||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||
}
|
||
</style>';
|
||
|
||
// 导航栏
|
||
echo '<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
|
||
<div class="container">
|
||
<a href="index.php"><img src="/favicon.jpeg" alt="Logo" style="height: 30px; margin-right: 10px; border-radius: var(--border-radius);"></a>
|
||
<a class="navbar-brand" href="index.php">'. APP_STORE_NAME . '</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="index.php">首页</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>';
|
||
|
||
// 为内容添加顶部内边距
|
||
echo '<div style="padding-top: 70px;">';
|
||
echo '<style>
|
||
.page-transition {
|
||
animation: fadeIn 0.5s ease-in-out;
|
||
}
|
||
@keyframes fadeIn {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(20px);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
</style>';
|
||
echo '<body class="page-transition">';
|
||
echo '<script>
|
||
document.addEventListener(\'DOMContentLoaded\', function() {
|
||
document.body.classList.add(\'page-transition\');
|
||
});
|
||
</script>';
|
||
if (preg_match('/^\/api/', $_SERVER['REQUEST_URI'])) {
|
||
include 'api.php';
|
||
exit;
|
||
}
|
||
|
||
// 其他请求按正常方式处理
|
||
return false; |