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