fix: 搜索框保持实底,不受虚化影响
- 移除搜索框半透明与 backdrop-filter - 虚化只作用于搜索框周围 - 验证:bg 纯白、blur none、opacity 1
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user