From b2aa5c839e420f02d5f237a11dcfb5508cff3a8b Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 10:45:01 +0800
Subject: [PATCH] feat： 调整组件
---
src/views/Home/components/HomeLeft/HomeLeft.vue | 45 +++++++++++++--------------------------------
1 files changed, 13 insertions(+), 32 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/HomeLeft.vue b/src/views/Home/components/HomeLeft/HomeLeft.vue
index 33cddc5..e762cc0 100644
--- a/src/views/Home/components/HomeLeft/HomeLeft.vue
+++ b/src/views/Home/components/HomeLeft/HomeLeft.vue
@@ -1,5 +1,5 @@
<template>
- <div class="home-left-index">
+ <div class="home-left">
<!--时间 天气-->
<div class="time-weather">
<div class="time">2025.03.04 15:30:00</div>
@@ -11,49 +11,45 @@
</div>
</div>
<!--机巢概况-->
- <div class="overview-nest">
- <common-title></common-title>
- <div class="overview-warp">
- <div></div>
- </div>
- </div>
+ <common-title style="margin-left: 14px;"></common-title>
+ <overview-next></overview-next>
+ <!--巡检任务情况-->
+ <common-title title="巡检任务情况" style="margin-left: 14px;"></common-title>
+ <inspection-rask-details></inspection-rask-details>
</div>
</template>
<script setup>
-import { hToV, wToR } from '@/utils/pxConver';
import CommonTitle from '@/components/CommonTitle.vue';
+import OverviewNext from './OverviewNext.vue';
+import InspectionRaskDetails from './InspectionRaskDetails.vue';
</script>
<style scoped lang="scss">
-.home-left-index {
+.home-left {
position: absolute;
-
top: 88px;
- // left: 45px;
- // width: 390px;
color: #E7F5FF;
-
.time-weather {
margin-left: 45px;
width: 260px;
font-size: 14px;
- height: hToV(36);
- line-height: hToV(36);
+ height: 36px;
+ line-height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
.line {
border: 1px solid #FFFFFF;
- height: hToV(10);
+ height: 10px;
opacity: 0.5;
}
.weather {
img {
width: 20px;
- height: hToV(20);
+ height: 20px;
}
.tq {
margin: 0 5px;
@@ -64,21 +60,6 @@
color: #04F043;
}
}
- }
- .overview-nest {
- // border: 1px solid red;
- width: 404px;
-
- .overview-warp {
- // border: 1px solid #04F043;
- margin-left: 20px;
- margin: 16px;
- width: 390px;
- height: hToV(415);
- background: linear-gradient( 90deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%);
- border-radius: 0px 0px 0px 0px;
- opacity: 0.85;
- }
}
}
</style>
--
Gitblit v1.9.3