xiaoou/puxiaohu-smarthome-release
0
0
Fork 0
Code Activity

品牌色: 粉色→蓝色#1371FF, 嵌入朴小护logo

Browse Source
This commit is contained in:
xiaoou
2026-07-10 13:20:10 +08:00
parent 58324a57aa
commit 0af456e857
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
logo.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

20
welcome.html
View File

@ -6,37 +6,37 @@
<title>朴小护智慧家居 - 初始化</title>
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; background: linear-gradient(135deg, #FF6B8A 0%, #FF8E9E 50%, #FFB3C1 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { background: white; border-radius: 24px; padding: 40px 36px; max-width: 460px; width: 92%; box-shadow: 0 24px 80px rgba(255,107,138,0.25); }
body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; background: linear-gradient(135deg, #1371FF 0%, #4A90FF 50%, #80B8FF 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { background: white; border-radius: 24px; padding: 40px 36px; max-width: 460px; width: 92%; box-shadow: 0 24px 80px rgba(19,113,255,0.25); }
.logo { text-align:center; margin-bottom: 24px; }
.logo-icon { font-size:48px; }
h1 { color: #FF6B8A; font-size: 26px; text-align:center; margin-bottom: 6px; font-weight:700; }
h1 { color: #1371FF; font-size: 26px; text-align:center; margin-bottom: 6px; font-weight:700; }
.subtitle { color: #bbb; font-size: 13px; text-align:center; margin-bottom: 28px; }
.step { display:none; }
.step.active { display:block; }
label { display:block; color: #888; font-size: 13px; margin-bottom: 6px; margin-top: 14px; }
input { width:100%; padding: 12px 16px; border: 2px solid #f0f0f0; border-radius: 12px; font-size: 15px; outline:none; transition: border-color 0.2s; }
input:focus { border-color: #FF6B8A; }
.btn { width:100%; padding: 14px; background: #FF6B8A; color: white; border: none; border-radius: 14px; font-size: 16px; font-weight:600; cursor: pointer; margin-top: 20px; transition: background 0.2s; }
.btn:hover { background: #e55a77; }
.btn:disabled { background: #f0c0ca; cursor: not-allowed; }
input:focus { border-color: #1371FF; }
.btn { width:100%; padding: 14px; background: #1371FF; color: white; border: none; border-radius: 14px; font-size: 16px; font-weight:600; cursor: pointer; margin-top: 20px; transition: background 0.2s; }
.btn:hover { background: #105FCC; }
.btn:disabled { background: #C0D8F0; cursor: not-allowed; }
.msg { text-align:center; font-size: 13px; margin-top: 12px; min-height:20px; }
.msg.error { color: #e74c3c; }
.msg.success { color: #27ae60; }
.stat { background: #FFF5F7; border-radius: 14px; padding: 18px; margin-bottom: 12px; display:flex; justify-content:space-between; align-items:center; }
.stat-label { color: #888; font-size: 13px; }
.stat-value { color: #FF6B8A; font-size: 26px; font-weight:700; }
.stat-value { color: #1371FF; font-size: 26px; font-weight:700; }
.device { background: #FAFAFA; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; display:flex; justify-content:space-between; }
.device-name { color: #333; font-size: 13px; font-family: monospace; }
.device-state { color: #999; font-size: 13px; }
.version { text-align:center; color: #ddd; font-size: 11px; margin-top: 24px; }
.refresh { color: #FF6B8A; font-size: 13px; cursor: pointer; text-align:right; margin-top:8px; text-decoration:underline; }
.refresh { color: #1371FF; font-size: 13px; cursor: pointer; text-align:right; margin-top:8px; text-decoration:underline; }
.hint { color: #bbb; font-size: 12px; margin-top: 4px; }
</style>
</head>
<body>
<div class="card">
<div class="logo"><span class="logo-icon">🏠</span></div>
<div class="logo"><img src="data:image/png;base64,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" style="width:64px;height:64px;" alt="朴小护"></div>
<h1>朴小护智慧家居</h1>
<div class="subtitle">SmartHome OS v1.0 — 初始化向导</div>