| | |
| | | <template> |
| | | <div class="home-left-index"> |
| | | <!--时间 天气--> |
| | | <div class="time-watch"> |
| | | <div class="time">2025.03.04 15:30:00</div> |
| | | <div> |
| | | <img src="" alt=""> |
| | | <span>阴天</span> |
| | | <span>适合飞行</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="home-left"> |
| | | <!--时间 天气--> |
| | | <common-weather></common-weather> |
| | | <!--机巢概况--> |
| | | <overview-next></overview-next> |
| | | <!--巡检任务情况--> |
| | | <inspection-rask-details></inspection-rask-details> |
| | | </div> |
| | | </template> |
| | | |
| | | <script></script> |
| | | <script setup> |
| | | import OverviewNext from './OverviewNext.vue'; |
| | | import InspectionRaskDetails from './InspectionRaskDetails.vue'; |
| | | import CommonWeather from '@/components/CommonWeather.vue'; |
| | | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .home-left-index { |
| | | margin-top: 12px; |
| | | margin-left: 45px; |
| | | // border: 1px springgreen solid; |
| | | width: 360px; |
| | | |
| | | .time-watch { |
| | | font-size: 14px; |
| | | height: hToV(36); |
| | | display: flex; |
| | | .time { |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | line-height: hToV(16); |
| | | } |
| | | } |
| | | .home-left { |
| | | position: absolute; |
| | | top: 88px; |
| | | color: #e7f5ff; |
| | | } |
| | | </style> |