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