diff --git a/frontend/pages/components/BottomNav.vue b/frontend/pages/components/BottomNav.vue index 4bc61ce..10d014f 100644 --- a/frontend/pages/components/BottomNav.vue +++ b/frontend/pages/components/BottomNav.vue @@ -50,7 +50,8 @@ const navItems = [ name: '星册', icon: '/static/icon/starbook.png', angle: 107, // 右上方 - path: '/pages/starbook/index' + path: '/pages/starbook/index', + }, { name: '铸爱', @@ -63,7 +64,9 @@ const navItems = [ name: '星城', icon: '/static/icon/dressup.png', angle: 73, // 右方 - path: '/pages/starcity/index' + path: '/pages/starcity/index', + iconWidth: '120rpx', + iconHeight: '120rpx' }, { name: '广场', @@ -109,7 +112,9 @@ const getNavIconStyle = (index) => { '--x': `${x}rpx`, '--y': `${y}rpx`, '--delay': `${delay}s`, - '--rotate': item.rotate || '0deg' + '--rotate': item.rotate || '0deg', + '--icon-width': item.iconWidth || '100rpx', + '--icon-height': item.iconHeight || '100rpx' }; }; @@ -233,8 +238,8 @@ const handleNavClick = (index) => { } .nav-icon { - width: 100rpx; - height: 100rpx; + width: var(--icon-width, 100rpx); + height: var(--icon-height, 100rpx); margin-bottom: 8rpx; transition: transform 0.3s ease, filter 0.3s ease; filter: drop-shadow(0 6rpx 16rpx rgba(0, 0, 0, 0.4)) drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.2)); diff --git a/frontend/static/icon/dressup.png b/frontend/static/icon/dressup.png index 7ffa73b..a30e9e9 100644 Binary files a/frontend/static/icon/dressup.png and b/frontend/static/icon/dressup.png differ