Files
weidian/templates/base.html

49 lines
2.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>微店抢购管理</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
<style>
body { background: #f0f2f5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.navbar { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; }
.navbar-brand { font-weight: 600; }
.nav-link { font-size: .9rem; opacity: .85; transition: opacity .2s; }
.nav-link:hover { opacity: 1; }
.card { border: none; box-shadow: 0 1px 8px rgba(0,0,0,.06); border-radius: 14px; }
.btn { border-radius: 8px; }
.btn-sm { font-size: .8rem; }
.rounded-pill { border-radius: 50rem; }
.form-control, .form-select { border-radius: 10px; border-color: #dee2e6; }
.form-control:focus, .form-select:focus { border-color: #667eea; box-shadow: 0 0 0 .2rem rgba(102,126,234,.15); }
.modal-content { border: none; }
.btn-primary { background: #667eea; border-color: #667eea; }
.btn-primary:hover { background: #5a6fd6; border-color: #5a6fd6; }
.btn-success { background: #43a047; border-color: #43a047; }
.btn-success:hover { background: #388e3c; border-color: #388e3c; }
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark mb-4">
<div class="container">
<a class="navbar-brand" href="/">
<i class="bi bi-lightning-charge-fill"></i> 微店抢购管理
</a>
<div class="navbar-nav ms-auto">
<a class="nav-link" href="/tasks/"><i class="bi bi-list-task"></i> 任务</a>
<a class="nav-link" href="/accounts/"><i class="bi bi-people"></i> 账号</a>
<a class="nav-link" href="/orders/"><i class="bi bi-receipt"></i> 订单</a>
<a class="nav-link text-warning-emphasis" href="/logout"><i class="bi bi-box-arrow-right"></i></a>
</div>
</div>
</nav>
<div class="container">
{% block content %}{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>