From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/views/TaskManage/TaskTop/TaskTop.vue | 38 +++++++++++++++++++++++++++++---------
1 files changed, 29 insertions(+), 9 deletions(-)
diff --git a/src/views/TaskManage/TaskTop/TaskTop.vue b/src/views/TaskManage/TaskTop/TaskTop.vue
index b3c7374..c61475b 100644
--- a/src/views/TaskManage/TaskTop/TaskTop.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3