1
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
: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); // 根据设计稿添加边框
|
||||
border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿添加边框
|
||||
padding: 8px 12px; // 根据设计稿调整内边距
|
||||
height: 44px; // 根据设计稿设置高度
|
||||
box-sizing: border-box;
|
||||
@@ -30,7 +30,7 @@
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 999px; // 根据设计稿:完全圆角
|
||||
border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿调整边框
|
||||
border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿调整边框
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
gap: 5.85px; // 根据设计稿调整间距:5.853658676147461px
|
||||
padding: 7.8px; // 根据设计稿调整内边距:7.804878234863281px
|
||||
flex: 1; // 响应式:占据剩余空间,适配不同屏幕
|
||||
max-width: 61%; // 根据设计稿:最大宽度 240px(大屏幕限制)
|
||||
max-width: 55%; // 根据设计稿:最大宽度 240px(大屏幕限制)
|
||||
min-width: 0; // 允许在小屏幕上缩小
|
||||
height: 29.27px; // 根据设计稿调整高度:29.27px
|
||||
min-height: 29.27px; // 确保最小高度
|
||||
@@ -95,7 +95,7 @@
|
||||
background: #fff;
|
||||
border-radius: 999px; // 根据设计稿:完全圆角
|
||||
border: 0.49px solid rgba(0, 0, 0, 0.06); // 根据设计稿调整边框:0.4878048896789551px
|
||||
box-shadow: 0px 3.9px 46.83px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影
|
||||
// box-shadow: 0px 3.9px 46.83px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影
|
||||
font-family: "PingFang SC"; // 根据设计稿设置字体
|
||||
font-size: 13.66px; // 根据设计稿调整字体大小:13.658536911010742px
|
||||
font-style: normal;
|
||||
|
||||
Reference in New Issue
Block a user