57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ .Title }} - 微信机器人管理系统</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
|
|
<style>
|
|
.sidebar {
|
|
height: calc(100vh - 64px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-100 min-h-screen">
|
|
<!-- 顶部导航栏 -->
|
|
<nav class="bg-indigo-600 text-white shadow-md p-4">
|
|
<div class="container mx-auto flex justify-between items-center">
|
|
<a href="/" class="text-xl font-bold">微信机器人管理系统</a>
|
|
<div>
|
|
<a href="/logout" class="hover:underline">
|
|
<i class="fas fa-sign-out-alt mr-1"></i> 退出
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 正文内容 -->
|
|
<main class="container mx-auto p-4">
|
|
{{ embed }}
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-gray-200 text-center p-4 mt-8">
|
|
<div class="container mx-auto">
|
|
<p class="text-gray-600">© 2023 微信机器人管理系统</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 通用脚本 -->
|
|
<script>
|
|
// 闪现消息自动消失
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const alerts = document.querySelectorAll('.alert-auto-dismiss');
|
|
alerts.forEach(function(alert) {
|
|
setTimeout(function() {
|
|
alert.classList.add('opacity-0', 'transition-opacity', 'duration-500');
|
|
setTimeout(function() {
|
|
alert.remove();
|
|
}, 500);
|
|
}, 3000);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|