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

9
src/components/PlaybackController.vue
View File

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