fix: 搜索框保持实底,不受虚化影响

- 移除搜索框半透明与 backdrop-filter
- 虚化只作用于搜索框周围
- 验证:bg 纯白、blur none、opacity 1
This commit is contained in:
2026-10-31 17:24:36 +08:00
parent 6c8eaa9f76
commit bb5a615ed2
2 changed files with 7 additions and 5 deletions
+6
View File
@@ -147,6 +147,12 @@ DELETE /api/items/:id
## 11. 实施记录
### P29(2026-10-31,搜索框不受虚化/透明度影响)
- 移除 `.search-row > *:first-child` 的半透明与 `backdrop-filter` 覆盖,搜索框回到组件默认实底白色;
- 顶部软虚化只作用于搜索框周围区域,不再透过输入框;
- 验证:搜索框背景 `rgb(255,255,255)`、`backdrop-filter: none`、opacity=1。
### P28(2026-10-31,搜索框 30% 透明与分组块底部留白)
- 搜索框背景透明度从 50% 调到 30%(`rgba(255,255,255,0.3)`),保留 blur;
+1 -5
View File
@@ -149,11 +149,7 @@
box-shadow: var(--su-shadow-card);
}
/* 搜索框半透明,顶部区域透出背景 */
.search-row > *:first-child {
background-color: color-mix(in srgb, var(--su-bg-card) 30%, transparent);
backdrop-filter: blur(14px);
}
/* 搜索框保持实底清晰,透明度/虚化只作用于周围区域 */
/* 搜索区域软虚化:上下都用 mask 渐隐,不出现横向分割线 */
.top-blur {