列表

src/container/listCustomNavbar/index.scss

@@ -3,6 +3,9 @@
 }
 
 .listNavContainer {
+  display: flex;
+  align-items: center;
+
   .listNavLine {
     width: 1px;
     height: 25px;
@@ -51,6 +54,7 @@
 .inputCustomerNavbarContainer {
   padding-left: 17px;
   display: flex;
+  align-items: center;
   gap: 8px;
 
   .logo {
@@ -99,6 +103,7 @@
 
 .inputCustomerNavbarShowInput {
   padding-left: 10px;
+
   .logo {
     width: 32px;
     height: 32px;
@@ -117,27 +122,26 @@
   will-change: opacity, transform;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
-  
+
   /* 优化过渡动画，使用更平滑的缓动函数和更短的动画时间 */
-  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
-              transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 /* 第一个元素样式 */
-.firstElement {
-}
+.firstElement {}
 
 /* 第二个元素样式 */
 .secondElement {
   /* 初始状态：透明且稍微偏移 */
   opacity: 0;
-  transform: translateY(5px);
+  transform: translateY(-5px);
 }
 
 /* 隐藏状态 */
 .hidden {
   opacity: 0;
-  transform: translateY(5px);
+  transform: translateY(-5px);
 }
 
 /* 可见状态 */