| | |
| | | <template> |
| | | <div class="task-left"> |
| | | <TaskTotal /> |
| | | <TaskIndustry /> |
| | | <TaskTime /> |
| | | <TaskEvent /> |
| | | <div class="task-top"> |
| | | <!--时间 天气--> |
| | | <common-weather/> |
| | | <UserOperate/> |
| | | <div class="statistical-chart"> |
| | | <TaskTotal /> |
| | | <TaskIndustry /> |
| | | <TaskTime /> |
| | | <TaskEvent /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import CommonWeather from '@/components/CommonWeather.vue'; |
| | | import UserOperate from '@/components/UserOperate.vue'; |
| | | import TaskTotal from './TaskTotal.vue'; |
| | | import TaskIndustry from './TaskIndustry.vue'; |
| | | import TaskTime from './TaskTime.vue'; |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .task-left { |
| | | .task-top { |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin: 40px; |
| | | .statistical-chart { |
| | | display: flex; |
| | | width: 1848px; |
| | | height: 238px; |
| | | background: linear-gradient( |
| | | 270deg, |
| | | rgba(31, 62, 122, 0) 0%, |
| | | rgba(31, 62, 122, 0.35) 21%, |
| | | #1f3e7a 100% |
| | | ); |
| | | border-radius: 0px 0px 0px 0px; |
| | | opacity: 0.85; |
| | | margin-left: 38px; |
| | | margin-right: 29px; |
| | | } |
| | | } |
| | | </style> |