feat: 全站视觉焕新与悬浮玻璃 TabBar 迁移

This commit is contained in:
2026-08-07 23:29:19 +08:00
parent 19408e5a8c
commit 61f1217384
97 changed files with 4007 additions and 2024 deletions
+5 -7
View File
@@ -834,11 +834,11 @@
.mini-tabbar {
display: flex;
align-items: center;
height: 56px;
height: 58px;
padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px));
background: rgba(255, 255, 255, 0.55);
border: 1px solid var(--glass-line);
border-radius: var(--radius-lg);
border-radius: 32px;
box-shadow: 0 -2px 12px rgba(46, 38, 34, 0.1);
backdrop-filter: blur(32px) saturate(1.2);
-webkit-backdrop-filter: blur(32px) saturate(1.2);
@@ -970,7 +970,7 @@
}
.phone-screen .mini-tabbar {
margin: 0 12px 12px;
margin: 0 18px 18px;
}
.phone-content {
@@ -1756,7 +1756,7 @@
</div>
<div class="empty-title">暂无设计任务</div>
<div class="empty-desc">创建第一个任务,把想法变成可预览的方案。</div>
<button class="btn btn-md btn-primary" type="button" id="toast-trigger">创建任务</button>
<button class="btn btn-lg btn-primary" type="button" id="toast-trigger" style="min-width:140px">创建任务</button>
</div>
</div>
</div>
@@ -2011,9 +2011,7 @@
<div class="mock-topbar">
<div class="mock-status"><span>11:18</span><span class="mini-capsule"><i></i><i></i><i></i></span></div>
<div class="mock-header">
<span class="icon-button" style="width:32px;height:32px;min-width:32px;border-radius:50%" type="button" aria-label="返回">
<span class="icon" style="width:16px;height:16px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 12H5"/><path d="m12 5-7 7 7 7"/></svg></span>
</span>
<span style="width:32px"></span>
<span class="mock-title" style="flex:1;text-align:center">我的设计清单</span>
<span style="font-size:13px;color:var(--accent-secondary);width:32px;text-align:center">管理</span>
</div>