更改头部标题和底部导航

This commit is contained in:
李志鹏
2025-12-19 13:25:58 +08:00
parent ed5c3232b9
commit c04b99a9aa
16 changed files with 307 additions and 287 deletions

View File

@@ -33,7 +33,7 @@
const navs = [
{ label: 'Home', icon: 'home', size: 73, path: '/homeNav' },
{ label: 'Library', icon: 'library', size: 53, path: '/workshop/library' },
{ label: 'Profile', icon: 'profile', size: 55, path: '/workshop/profile' }
// { label: 'Profile', icon: 'profile', size: 55, path: '/workshop/profile' }
]
const onNavClick = (nav) => {
if (currentRoute.value !== nav.path) nav.on ? nav.on(nav) : nav.path && router.push(nav.path)
@@ -49,10 +49,10 @@
@click="onNavClick(nav)"
>
<SvgIcon :name="`${nav.icon}_${currentRoute === nav.path ? '1' : '0'}`" size="55" />
<span class="label">{{ nav.label }}</span>
<!-- <span class="label">{{ nav.label }}</span> -->
</div>
</div>
<div class="footer-navigation placeholder" v-show="isPlaceholder"></div>
<!-- <div class="footer-navigation placeholder" v-show="isPlaceholder"></div> -->
</template>
<style scoped lang="less">
@@ -61,9 +61,9 @@
height: var(--footer-navigation-height, 14.9rem);
}
.footer-navigation.main {
position: fixed;
bottom: 0;
z-index: var(--footer-navigation-z-index, 999);
// position: fixed;
// bottom: 0;
// z-index: var(--footer-navigation-z-index, 999);
background-color: var(--footer-navigation-background, #fff);
box-shadow: -2.6rem -1.4rem 3.47rem 0 rgba(0, 0, 0, 0.05);
display: flex;