fix: 修复底部工具栏遮挡页面提交按钮的问题

1. 在App.vue中统一添加padding-bottom: 80px
2. 移除各列表页面重复的padding-bottom设置
   - expense/List.vue
   - requirement/List.vue
   - receivable/List.vue
This commit is contained in:
zhangjf 2026-02-23 12:37:20 +08:00
parent 400b7272d4
commit 205af48cb6
4 changed files with 1 additions and 3 deletions

View File

@ -31,6 +31,7 @@ body {
.app-container { .app-container {
min-height: 100vh; min-height: 100vh;
padding-bottom: 80px;
} }
/* 页面切换动画 */ /* 页面切换动画 */

View File

@ -129,7 +129,6 @@ const handleSearch = () => {
.expense-list { .expense-list {
background: #f5f5f5; background: #f5f5f5;
min-height: 100vh; min-height: 100vh;
padding-bottom: 80px;
} }
.search-bar { .search-bar {

View File

@ -137,7 +137,6 @@ onMounted(() => {
<style scoped> <style scoped>
.receivable-list { .receivable-list {
padding: 0 16px; padding: 0 16px;
padding-bottom: 80px;
} }
.header-bar { .header-bar {

View File

@ -147,7 +147,6 @@ const handleSearch = () => {
.requirement-list { .requirement-list {
background: #f5f5f5; background: #f5f5f5;
min-height: 100vh; min-height: 100vh;
padding-bottom: 80px;
} }
.search-bar { .search-bar {