Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d57fbad8 1 parent 478f3884

fix(CollapsibleCalendar): 调整日历弹窗位置和样式 

将弹窗位置从顶部改为底部，并添加圆角样式，同时微调高度为55%
Inline Side-by-side
Showing 1 changed file with 5 additions and 4 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: 2025-12-11 17:56:07 4 + * @LastEditTime: 2025-12-14 22:08:03
5 * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue 5 * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue
6 * @Description: 可折叠日历组件 6 * @Description: 可折叠日历组件
7 --> 7 -->
8 <template> 8 <template>
9 <div class="collapsible-calendar "> 9 <div class="collapsible-calendar ">
10 <!-- 折叠状态显示 --> 10 <!-- 折叠状态显示 -->
11 - <div v-if="!isExpanded" class="calendar-collapsed"> 11 + <div class="calendar-collapsed">
12 <div class="calendar-header"> 12 <div class="calendar-header">
13 <div class="calendar-icon"> 13 <div class="calendar-icon">
14 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 14 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
...@@ -55,8 +55,9 @@ ...@@ -55,8 +55,9 @@
55 <!-- 展开状态的弹窗 --> 55 <!-- 展开状态的弹窗 -->
56 <van-popup 56 <van-popup
57 v-model:show="isExpanded" 57 v-model:show="isExpanded"
58 - position="top" 58 + position="bottom"
59 - :style="{ height: '60%' }" 59 + round
60 + :style="{ height: '55%' }"
60 @close="collapseCalendar" 61 @close="collapseCalendar"
61 > 62 >
62 <div class="calendar-popup-content"> 63 <div class="calendar-popup-content">
......