fix: 修复底部工具栏遮挡页面提交按钮的问题
1. 在App.vue中统一添加padding-bottom: 80px 2. 移除各列表页面重复的padding-bottom设置 - expense/List.vue - requirement/List.vue - receivable/List.vue
This commit is contained in:
parent
400b7272d4
commit
205af48cb6
@ -31,6 +31,7 @@ body {
|
|||||||
|
|
||||||
.app-container {
|
.app-container {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
padding-bottom: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 页面切换动画 */
|
/* 页面切换动画 */
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user