Explorar el Código

fix: 底部菜单弹出动画时间从0.4S调整为1.5S

sequoia tungfang hace 1 día
padre
commit
1638d5e2f8
Se han modificado 1 ficheros con 3 adiciones y 5 borrados
  1. 3 5
      src/components/ui/BottomDock.vue

+ 3 - 5
src/components/ui/BottomDock.vue

@@ -208,12 +208,12 @@ export default {
 
     position: fixed; 
     left: 0;
-    z-index: 9999; 
+    z-index: 9999;
     
     /* 🌟 核心修改 1:不用 transform,直接把 bottom 设为负数藏到底部外 */
-    bottom: -140px; 
+    bottom: -140px;
     /* 🌟 核心修改 2:过渡动画改为监听 bottom 属性 */
-    transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    transition: bottom 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     background: linear-gradient(to top, rgba(0, 20, 30, 0.8) 0%, rgba(0, 20, 30, 0.01) 100%);
 
     pointer-events: auto !important;
@@ -334,11 +334,9 @@ export default {
 /* ================= 单个导航项 ================= */
 .dock-item {
     flex-shrink: 0;
-    /* 7. 关键:禁止菜单项自身被挤压 */
     position: relative;
     display: flex;
     flex-direction: column;
-    /* 菜单项内部(图标+文字)是上下垂直排布的 */
     align-items: center;
     justify-content: flex-end;
     cursor: pointer;