fix:指挥中心UI显示
Co-Authored-By: '刘文鑫' <p-liuwx1@xiaopeng.com>
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | @import '../map/vehicle-marker.scss'; |
| | | @use '../map/vehicle-marker.scss'; |
| | | </style> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | <style scoped lang="scss"> |
| | | .map-legend { |
| | | position: absolute; |
| | | bottom: 12px; |
| | | bottom: 32px; |
| | | left: 12px; |
| | | z-index: 100; |
| | | background: rgba(255, 255, 255, 0.95); |
| | | border-radius: 6px; |
| | | padding: 10px 14px; |
| | | padding: 8px 14px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 6px; |
| | | flex-direction: row; |
| | | flex-wrap: wrap; |
| | | align-items: center; |
| | | gap: 8px 16px; |
| | | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); |
| | | |
| | | &__item { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8px; |
| | | gap: 6px; |
| | | } |
| | | |
| | | &__dot { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | height: 64px; |
| | | padding: 0 24px; |
| | | flex-shrink: 0; |
| | | min-height: 92px; |
| | | padding: 12px 24px; |
| | | background: rgba(255, 255, 255, 0.95); |
| | | border-bottom: 1px solid rgba(0, 0, 0, 0.06); |
| | | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); |
| | |
| | | <style scoped lang="scss"> |
| | | .command-center { |
| | | width: 100%; |
| | | height: 100vh; |
| | | height: 100%; |
| | | background: #f0f2f5; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | position: relative; |
| | | |
| | | &__offline-banner { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | z-index: 1000; |
| | | flex-shrink: 0; |
| | | height: 32px; |
| | | line-height: 32px; |
| | | text-align: center; |