diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue index 86a4e41..4c7caf8 100644 --- a/src/components/AppFooter.vue +++ b/src/components/AppFooter.vue @@ -50,7 +50,6 @@ function handleTabClick(index) { :src="tab.image" :style="{ width: index === 1 ? '100px' : '40px', - transform: index === 1 ? '' : 'translateY(10px)', }" mode="widthFix" /> @@ -68,15 +67,19 @@ function handleTabClick(index) { align-items: center; overflow-x: hidden; } - .footer-bg { width: 100%; height: 100%; position: absolute; z-index: 0; } - .tab-item { z-index: 1; } +.tab-item:nth-child(2) { + transform: translateY(10px); +} +.tab-item:nth-child(4) { + transform: translateY(10px) translateX(-10px); +}