suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化预算管理页面布局，调整导航栏和内容区域，增加底部安全距离
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 14s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 0s
Details

Browse Source
This commit is contained in:
孙诚
2026-01-07 14:36:30 +08:00
parent b2339c1c5e
commit fcf122c806
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Web/src/views/BudgetView.vue
View File

@@ -1,13 +1,14 @@
<template> <template>
<div class="page-container"> <div class="page-container-flex">
<van-nav-bar title="预算管理" placeholder fixed z-index="100"> <van-nav-bar title="预算管理" placeholder safe-area-inset-top>
<template #right> <template #right>
<van-icon name="plus" size="20" @click="showAddPopup = true" /> <van-icon name="plus" size="20" @click="showAddPopup = true" />
</template> </template>
</van-nav-bar> </van-nav-bar>
<div class="scroll-content">
<div class="page-content"> <div class="page-content">
<van-tabs v-model:active="activeTab" sticky offset-top="46" type="card"> <van-tabs v-model:active="activeTab" sticky offset-top="0" type="card">
<van-tab title="支出" :name="BudgetCategory.Expense"> <van-tab title="支出" :name="BudgetCategory.Expense">
<div class="summary-card common-card"> <div class="summary-card common-card">
<div class="summary-item"> <div class="summary-item">
@@ -293,6 +294,9 @@
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</div> </div>
<!-- 底部安全距离 -->
<div style="height: calc(50px + env(safe-area-inset-bottom, 0px))"></div>
</div>
<!-- 添加预算弹窗 --> <!-- 添加预算弹窗 -->
<PopupContainer v-model="showAddPopup" title="新增预算" height="70%"> <PopupContainer v-model="showAddPopup" title="新增预算" height="70%">