hookehuyr

fix(页面布局): 调整日历组件在不同屏幕尺寸下的高度比例

优化移动端和平板设备上日历显示区域的高度比例,提升用户体验
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-06-30 17:09:48 4 + * @LastEditTime: 2025-08-26 09:53:56
5 * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue 5 * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -211,13 +211,13 @@ const calendarHeight = computed(() => { ...@@ -211,13 +211,13 @@ const calendarHeight = computed(() => {
211 211
212 if (windowWidth.value < 375) { 212 if (windowWidth.value < 375) {
213 // 小屏手机 213 // 小屏手机
214 - heightRatio = 0.45; 214 + heightRatio = 0.75;
215 } else if (windowWidth.value < 414) { 215 } else if (windowWidth.value < 414) {
216 // 中等屏幕手机 216 // 中等屏幕手机
217 - heightRatio = 0.42; 217 + heightRatio = 0.82;
218 } else if (windowWidth.value >= 768) { 218 } else if (windowWidth.value >= 768) {
219 // 平板或更大屏幕 219 // 平板或更大屏幕
220 - heightRatio = 0.35; 220 + heightRatio = 0.75;
221 } 221 }
222 222
223 const calculatedHeight = Math.floor(availableHeight * heightRatio); 223 const calculatedHeight = Math.floor(availableHeight * heightRatio);
......