diff --git a/src/components/SearchBar/index.module.scss b/src/components/SearchBar/index.module.scss index 2cf1c57..2f413d6 100644 --- a/src/components/SearchBar/index.module.scss +++ b/src/components/SearchBar/index.module.scss @@ -13,8 +13,8 @@ :global(.nut-searchbar-content) { background-color: #ffffff !important; // 明确设置搜索框背景色为白色 - box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影 - border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿添加边框 + // box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影 + // border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿添加边框 padding: 8px 12px; // 根据设计稿调整内边距 height: 44px; // 根据设计稿设置高度 box-sizing: border-box; diff --git a/src/container/listCustomNavbar/index.scss b/src/container/listCustomNavbar/index.scss index 762118e..5c165ef 100644 --- a/src/container/listCustomNavbar/index.scss +++ b/src/container/listCustomNavbar/index.scss @@ -86,7 +86,9 @@ align-items: center; gap: 5.85px; // 根据设计稿调整间距:5.853658676147461px padding: 7.8px; // 根据设计稿调整内边距:7.804878234863281px - width: 240px; // 根据设计稿:固定宽度 240px + flex: 1; // 响应式:占据剩余空间,适配不同屏幕 + max-width: 61%; // 根据设计稿:最大宽度 240px(大屏幕限制) + min-width: 0; // 允许在小屏幕上缩小 height: 29.27px; // 根据设计稿调整高度:29.27px min-height: 29.27px; // 确保最小高度 box-sizing: border-box; @@ -100,7 +102,6 @@ font-weight: 400; line-height: 17.57px; // 1.2857142857142858em ≈ 17.57px letter-spacing: -0.22px; // -1.6428571734045228% of 13.66px - flex-shrink: 0; // 防止搜索框被压缩 .searchIcon { flex-shrink: 0; // 防止图标被压缩 diff --git a/src/game_pages/list/index.module.scss b/src/game_pages/list/index.module.scss index 3c9f053..af11bda 100644 --- a/src/game_pages/list/index.module.scss +++ b/src/game_pages/list/index.module.scss @@ -91,7 +91,7 @@ } .listTopSearchWrapper { - background-color: #fafafa; + // background-color: #fafafa; // 使用 margin-top 负值来控制可见性,保持元素高度不变,筛选项位置固定 transition: margin-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease-out;