vue FullCalendar 时间视图 行高
时间: 2024-03-13 15:16:17 浏览: 159
vuefullcalendar一个基于VUE的日历组件
3星 · 编辑精心推荐
你可以通过设置 `slotDuration` 属性来调整 FullCalendar 中时间视图的行高。这个属性控制每个时间槽的时长,并且影响行高。例如,如果你想让时间视图中每个时间槽的高度为 50 像素,你可以将 `slotDuration` 设置为 `'00:30:00'`,表示每个时间槽为 30 分钟。然后,你可以使用 CSS 来进一步调整行高,例如:
```html
<template>
<full-calendar :slot-duration="'00:30:00'" />
</template>
<style>
.fc-time-grid .fc-slats td {
height: 50px;
}
</style>
```
这将使时间视图中的每个时间槽高度为 50 像素。请注意,如果你更改 `slotDuration`,则需要相应地调整 CSS 中的高度值。
阅读全文