image:替换图片
This commit is contained in:
parent
6252be4d75
commit
ebe57bc078
@ -50,7 +50,8 @@ const navItems = [
|
|||||||
name: '星册',
|
name: '星册',
|
||||||
icon: '/static/icon/starbook.png',
|
icon: '/static/icon/starbook.png',
|
||||||
angle: 107, // 右上方
|
angle: 107, // 右上方
|
||||||
path: '/pages/starbook/index'
|
path: '/pages/starbook/index',
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '铸爱',
|
name: '铸爱',
|
||||||
@ -63,7 +64,9 @@ const navItems = [
|
|||||||
name: '星城',
|
name: '星城',
|
||||||
icon: '/static/icon/dressup.png',
|
icon: '/static/icon/dressup.png',
|
||||||
angle: 73, // 右方
|
angle: 73, // 右方
|
||||||
path: '/pages/starcity/index'
|
path: '/pages/starcity/index',
|
||||||
|
iconWidth: '120rpx',
|
||||||
|
iconHeight: '120rpx'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '广场',
|
name: '广场',
|
||||||
@ -109,7 +112,9 @@ const getNavIconStyle = (index) => {
|
|||||||
'--x': `${x}rpx`,
|
'--x': `${x}rpx`,
|
||||||
'--y': `${y}rpx`,
|
'--y': `${y}rpx`,
|
||||||
'--delay': `${delay}s`,
|
'--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 {
|
.nav-icon {
|
||||||
width: 100rpx;
|
width: var(--icon-width, 100rpx);
|
||||||
height: 100rpx;
|
height: var(--icon-height, 100rpx);
|
||||||
margin-bottom: 8rpx;
|
margin-bottom: 8rpx;
|
||||||
transition: transform 0.3s ease, filter 0.3s ease;
|
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));
|
filter: drop-shadow(0 6rpx 16rpx rgba(0, 0, 0, 0.4)) drop-shadow(0 2rpx 8rpx rgba(0, 0, 0, 0.2));
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 420 KiB |
Loading…
Reference in New Issue
Block a user