fix: 天气显示

罗广辉

2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7

 src/views/TaskManage/TaskTop/TaskTop.vue

@@ -1,13 +1,21 @@
<template>
  <div class="task-left">
    <TaskTotal />
    <TaskIndustry />
    <TaskTime />
    <TaskEvent />
  <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';
@@ -15,10 +23,22 @@
</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: 29px;
    margin-right: 29px;
  }
}
</style>