fix(IndexCheckInPage): 调整滚动区域样式避免底部按钮遮挡
移除固定高度和overflow,由AppLayout处理滚动 添加底部padding防止内容被遮挡
Showing
1 changed file
with
3 additions
and
3 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-05-29 15:34:17 | 2 | * @Date: 2025-05-29 15:34:17 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-10-15 09:58:47 | 4 | + * @LastEditTime: 2025-10-15 15:09:29 |
| 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue | 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -792,8 +792,8 @@ const formatData = (data) => { | ... | @@ -792,8 +792,8 @@ const formatData = (data) => { |
| 792 | .scrollable-content { | 792 | .scrollable-content { |
| 793 | margin-top: v-bind('calendarHeight + "px"'); // 动态计算日历高度 | 793 | margin-top: v-bind('calendarHeight + "px"'); // 动态计算日历高度 |
| 794 | padding-top: 1rem; | 794 | padding-top: 1rem; |
| 795 | - height: v-bind('"calc(100vh - " + calendarHeight + "px)"'); // 动态计算剩余高度 | 795 | + padding-bottom: 6rem; // 添加底部padding,避免内容被底部按钮遮挡 |
| 796 | - overflow-y: auto; | 796 | + // 移除固定高度和overflow,让AppLayout处理滚动 |
| 797 | } | 797 | } |
| 798 | 798 | ||
| 799 | .van-back-top { | 799 | .van-back-top { | ... | ... |
-
Please register or login to post a comment