- 给主题切换按钮添加 position:fixed;top:20px;right:20px 内联样式 - 解决 CSS 加载延迟导致按钮位置闪烁的问题 - welcome.html 不需要修改(按钮在导航栏内)
33 lines
1.2 KiB
HTML
33 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.0">
|
|
<title>欢迎 - 云下飞</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}?v=20260312">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<button class="theme-toggle" style="position:fixed;top:20px;right:20px;" aria-label="切换主题">🌙</button>
|
|
<div class="avatar">
|
|
<span class="sparkle">👋</span>
|
|
</div>
|
|
<h1>欢迎</h1>
|
|
<p class="welcome">Welcome!</p>
|
|
<p class="message">
|
|
这是您的个人服务器<br>
|
|
由 <strong>小白</strong> 🐶 为您精心打造<br>
|
|
祝您使用愉快!
|
|
</p>
|
|
<div class="auth-buttons">
|
|
<a href="{{ url_for('login') }}" class="btn btn-primary">登录</a>
|
|
<a href="{{ url_for('register') }}" class="btn btn-secondary">注册</a>
|
|
</div>
|
|
<div class="footer">
|
|
Powered by <span>Flask</span> & <span>OpenClaw</span>
|
|
</div>
|
|
</div>
|
|
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
|
|
</body>
|
|
</html>
|