feat: 更新默认布局,替换图标并调整底部导航栏高度;优化产品页面和个人资料页面的样式

This commit is contained in:
2026-01-17 02:57:08 +07:00
parent e8b63b9710
commit 8bdea03583
3 changed files with 16 additions and 9 deletions

View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { grid, home, person, wallet } from "ionicons/icons";
import { grid, home, person, radio, wallet } from "ionicons/icons";
const { t } = useI18n();
</script>
@@ -18,7 +18,7 @@ const { t } = useI18n();
<ion-tab-button tab="service" href="/layout/service">
<div class="flex-col-center gap-1">
<ion-icon aria-hidden="true" :icon="grid" class="icon" />
<ion-icon aria-hidden="true" :icon="radio" class="icon" />
<ion-label>思想引领</ion-label>
</div>
</ion-tab-button>
@@ -43,7 +43,7 @@ const { t } = useI18n();
<style scoped>
ion-tab-bar {
height: 60px;
height: 70px;
--background: white;
box-shadow: 0px 0px 12px var(--ion-color-tertiary);
padding-bottom: var(--ion-safe-area-bottom);
@@ -51,4 +51,9 @@ ion-tab-bar {
.icon {
font-size: 1.5rem;
}
ion-label {
font-size: 0.85rem;
font-weight: 500;
margin-top: 2px;
}
</style>