feat(过渡动画): 增加标签下划线移动动画
This commit is contained in:
parent
bdd5d72bf7
commit
cd5d6b2d56
@ -203,7 +203,7 @@ const underlineStyle = computed(() => {
|
|||||||
position: "absolute",
|
position: "absolute",
|
||||||
left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
|
left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
|
||||||
bottom: "0",
|
bottom: "0",
|
||||||
transition: "transform 0.3s ease, width 0.3s ease", // 平滑过渡
|
transition: "left 0.3s ease", // 平滑过渡
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -201,7 +201,7 @@ const underlineStyle = computed(() => {
|
|||||||
position: "absolute",
|
position: "absolute",
|
||||||
left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
|
left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
|
||||||
bottom: "0",
|
bottom: "0",
|
||||||
transition: "transform 0.3s ease, width 0.3s ease", // 平滑过渡
|
transition: "left 0.3s ease", // 平滑过渡
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user