feat: 更新默认布局,替换图标并调整底部导航栏高度;优化产品页面和个人资料页面的样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user