hookehuyr

style(CollapsibleCalendar): 优化日期切换按钮样式并移除多余注释

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: 2025-12-19 01:22:52 4 + * @LastEditTime: 2026-01-21 16:03:33
5 * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue 5 * @FilePath: /mlaj/src/components/ui/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">切换日期</div> 32 + <div class="text-xs text-gray-500 mt-1 collapsible-text p-1 bg-white w-20 text-center rounded-full border border-gray-200">切换日期</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>
...@@ -581,7 +581,7 @@ defineExpose({ ...@@ -581,7 +581,7 @@ defineExpose({
581 581
582 .collapsible-text { 582 .collapsible-text {
583 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 583 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
584 - max-height: 20px; // 假设文字高度不超过20px 584 + // max-height: 20px; // 假设文字高度不超过20px
585 opacity: 1; 585 opacity: 1;
586 } 586 }
587 587
......