root/financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新首页，添加公告和新闻列表，优化样式和交互效果

Browse Source
This commit is contained in:
Seven
2026-01-16 17:32:58 +07:00
parent f045810dd4
commit c0e7102d9b
4 changed files with 418 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/layout/default.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from "ionicons/icons";
import { gridOutline, homeOutline, personOutline, videocamOutline } from "ionicons/icons";
const { t } = useI18n();
</script>
@@ -11,22 +11,29 @@ const { t } = useI18n();
<ion-tab-bar slot="bottom">
<ion-tab-button tab="home" href="/layout/home">
<div class="flex-col-center gap-1">
<ion-icon aria-hidden="true" :icon="compass" class="icon" />
<ion-label>{{ t('tabs.home') }}</ion-label>
<ion-icon aria-hidden="true" :icon="homeOutline" class="icon" />
<ion-label>首页</ion-label>
</div>
</ion-tab-button>
<ion-tab-button tab="notify" href="/layout/notify">
<ion-tab-button tab="service" href="/layout/service">
<div class="flex-col-center gap-1">
<ion-icon aria-hidden="true" :icon="chatboxEllipses" class="icon" />
<ion-label>{{ t('tabs.notify') }}</ion-label>
<ion-icon aria-hidden="true" :icon="gridOutline" class="icon" />
<ion-label>服务</ion-label>
</div>
</ion-tab-button>
<ion-tab-button tab="user" href="/layout/user">
<ion-tab-button tab="video" href="/layout/home">
<div class="flex-col-center gap-1">
<ion-icon aria-hidden="true" :icon="personCircle" class="icon" />
<ion-label>{{ t('tabs.user') }}</ion-label>
<ion-icon aria-hidden="true" :icon="videocamOutline" class="icon" />
<ion-label>我的</ion-label>
</div>
</ion-tab-button>
<ion-tab-button tab="profile" href="/layout/profile">
<div class="flex-col-center gap-1">
<ion-icon aria-hidden="true" :icon="personOutline" class="icon" />
<ion-label>我们</ion-label>
</div>
</ion-tab-button>
</ion-tab-bar>
@@ -37,7 +44,7 @@ const { t } = useI18n();
<style scoped>
ion-tab-bar {
height: 60px;
--background: var(--ion-background-color);
--background: white;
box-shadow: 0px 0px 12px var(--ion-color-tertiary);
padding-bottom: var(--ion-safe-area-bottom);
}