Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3b908c05 1 parent f87c9bb5

fix: 修复折叠日历组件在隐藏头部时按钮显示异常 

在日历头部隐藏时，切换按钮仍会显示导致布局异常。通过添加 v-if 条件判断，仅在头部未隐藏时显示切换按钮，避免视觉错乱。
Inline Side-by-side
Showing 1 changed file with 2 additions and 2 deletions
1 <!-- 1 <!--
2 * @Date: 2025-01-25 15:34:17 2 * @Date: 2025-01-25 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-22 20:44:20 4 + * @LastEditTime: 2026-01-23 09:33:40
5 * @FilePath: /mlaj/src/components/calendar/CollapsibleCalendar.vue 5 * @FilePath: /mlaj/src/components/calendar/CollapsibleCalendar.vue
6 * @Description: 可折叠日历组件 6 * @Description: 可折叠日历组件
7 --> 7 -->
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 <div class="calendar-date-display" @click="expandCalendar"> 29 <div class="calendar-date-display" @click="expandCalendar">
30 <div class="calendar-date-main">{{ formattedCurrentDate }}</div> 30 <div class="calendar-date-main">{{ formattedCurrentDate }}</div>
31 <div class="calendar-weekday">{{ formattedWeekday }}</div> 31 <div class="calendar-weekday">{{ formattedWeekday }}</div>
32 - <div class="text-xs text-gray-500 mt-1 collapsible-text px-3 py-1 bg-white text-center rounded-full border border-gray-200 inline-block min-w-[5rem] max-w-[8rem]">{{ toggleButtonText }}</div> 32 + <div v-if="!isHeaderHidden" class="text-xs text-gray-500 mt-1 collapsible-text px-3 py-1 bg-white text-center rounded-full border border-gray-200 inline-block min-w-[5rem] max-w-[8rem]">{{ toggleButtonText }}</div>
33 </div> 33 </div>
34 <!-- <div class="calendar-action"> 34 <!-- <div class="calendar-action">
35 <div class="calendar-action-text">指定日期</div> 35 <div class="calendar-action-text">指定日期</div>
......