laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
kron
2025-07-15 18:36:57 +08:00
parent 89b077ce4f
commit 9db88fb945
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/AppFooter.vue
View File

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