<template>
|
<div class="task-top">
|
<!--时间 天气-->
|
<common-weather/>
|
<UserOperate :style="{top: pxToRem(15)}"/>
|
<div class="statistical-chart">
|
<TaskTotal />
|
<TaskIndustry />
|
<TaskTime />
|
<TaskEvent />
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { pxToRem } from '@/utils/rem'
|
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';
|
import TaskEvent from './TaskEvent.vue';
|
</script>
|
|
<style lang="scss" scoped>
|
.task-top {
|
position: relative;
|
.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: 29px;
|
margin-right: 29px;
|
}
|
}
|
</style>
|
