45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>{% block title %}XBXS{% endblock %}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
<body class="bg-zinc-100">
|
|
|
|
<!-- App 容器 -->
|
|
<div class="mx-auto max-w-md min-h-screen bg-white relative">
|
|
|
|
<!-- 主内容 -->
|
|
<main class="pt-6 pb-20">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
|
|
<!-- 底部 Tab -->
|
|
<nav class="fixed bottom-0 left-1/2 -translate-x-1/2
|
|
w-full max-w-md
|
|
bg-white border-t
|
|
flex justify-around items-center
|
|
h-16">
|
|
|
|
<a href="/" class="flex flex-col items-center text-sm
|
|
{% if active == 'home' %}text-blue-600{% else %}text-zinc-500{% endif %}">
|
|
<span>🏠</span>
|
|
首页
|
|
</a>
|
|
|
|
<a href="/profile" class="flex flex-col items-center text-sm
|
|
{% if active == 'profile' %}text-blue-600{% else %}text-zinc-500{% endif %}">
|
|
<span>👤</span>
|
|
我的
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |