xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(playback-controller): 调整播放控制器日期选择器和小时选择器的布局样式

Browse Source
This commit is contained in:
xudan 2025-10-27 16:47:59 +08:00
parent af03f569ee
commit f7cd51c679
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/PlaybackController.vue
View File

@ -207,14 +207,15 @@ const handleTimelineClick = (event: MouseEvent) => {
<!-- Hour Selector -->
<a-col>
<a-date-picker
:value="selectedDate"
placeholder="请选择回放日期"
@change="handleDateChange as any"
style="margin-right: 8px"
dropdownClassName="playback-datepicker-theme"
/>
<a-select :value="selectedHour" style="width: 150px" :options="hourOptions" @change="handleHourChange" />
<div class="datetime-selector">
<a-date-picker
:value="selectedDate"
placeholder="请选择回放日期"
@change="handleDateChange as any"
dropdownClassName="playback-datepicker-theme"
/>
<a-select :value="selectedHour" style="width: 150px" :options="hourOptions" @change="handleHourChange" />
</div>
</a-col>
<!-- Timeline Slider -->
@ -320,6 +321,12 @@ const handleTimelineClick = (event: MouseEvent) => {
color: #555;
white-space: nowrap;
}
.datetime-selector {
display: flex;
align-items: center;
gap: 8px;
}
</style>
<style lang="scss">