处理列表

src/container/listCustomNavbar/index.scss

@@ -113,28 +113,31 @@
   width: 100%;
   height: 100%;
 
-  /* 过渡动画设置，实现平滑切换 */
-  transition: opacity 0.5s ease, transform 0.5s ease;
+  /* 启用硬件加速 */
+  will-change: opacity, transform;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  
+  /* 优化过渡动画，使用更快的缓动函数 */
+  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
+              transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 /* 第一个元素样式 */
 .firstElement {
-  // background-color: #4a90e2;
 }
 
 /* 第二个元素样式 */
 .secondElement {
-  // background-color: #5cb85c;
   /* 初始状态：透明且稍微偏移 */
   opacity: 0;
-  // transform: translateY(20px);
+  transform: translateY(10px);
 }
 
 /* 隐藏状态 */
 .hidden {
   opacity: 0;
-  transform: translateY(20px);
-  // pointer-events: none; /* 隐藏时不响应鼠标事件 */
+  transform: translateY(10px);
 }
 
 /* 可见状态 */