From 55dc742fb4ee17be13ce57bc78cf3eee9ee90f9f Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 28 Mar 2025 11:24:25 +0800
Subject: [PATCH] feat: 修改格式化样式
---
src/views/Home/components/HomeLeft/HomeLeft.vue | 94 +++++++++++++++++++++++------------------------
1 files changed, 46 insertions(+), 48 deletions(-)
diff --git a/src/views/Home/components/HomeLeft/HomeLeft.vue b/src/views/Home/components/HomeLeft/HomeLeft.vue
index 4382df6..764ad27 100644
--- a/src/views/Home/components/HomeLeft/HomeLeft.vue
+++ b/src/views/Home/components/HomeLeft/HomeLeft.vue
@@ -1,62 +1,60 @@
<template>
- <div class="home-left">
- <!--时间 天气-->
- <div class="time-weather">
- <div class="time">2025.03.04 15:30:00</div>
- <div class="line"></div>
- <div class="weather">
- <img src="@/assets/images/tq.png" alt="">
- <span class="tq">阴天</span>
- <span class="qk">适合飞行</span>
- </div>
- </div>
- <!--机巢概况-->
- <overview-next></overview-next>
- <!--巡检任务情况-->
- <inspection-rask-details></inspection-rask-details>
+ <div class="home-left">
+ <!--时间 天气-->
+ <div class="time-weather">
+ <div class="time">2025.03.04 15:30:00</div>
+ <div class="line"></div>
+ <div class="weather">
+ <img src="@/assets/images/tq.png" alt="" />
+ <span class="tq">阴天</span>
+ <span class="qk">适合飞行</span>
+ </div>
</div>
+ <!--机巢概况-->
+ <overview-next></overview-next>
+ <!--巡检任务情况-->
+ <inspection-rask-details></inspection-rask-details>
+ </div>
</template>
<script setup>
import OverviewNext from './OverviewNext.vue';
import InspectionRaskDetails from './InspectionRaskDetails.vue';
-
-
</script>
<style scoped lang="scss">
.home-left {
- position: absolute;
- top: 88px;
- color: #E7F5FF;
- .time-weather {
- margin-left: 45px;
- width: 310px;
- font-size: 14px;
- height: 36px;
- line-height: 36px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- .line {
- border: 1px solid #FFFFFF;
- height: 10px;
- opacity: 0.5;
- }
- .weather {
- img {
- width: 20px;
- height: 20px;
- }
- .tq {
- margin: 0 5px;
- color: #E7F5FF;
- }
- .qk {
- margin-left: 5px;
- color: #04F043;
- }
- }
+ position: absolute;
+ top: 88px;
+ color: #e7f5ff;
+ .time-weather {
+ margin-left: 45px;
+ width: 310px;
+ font-size: 14px;
+ height: 36px;
+ line-height: 36px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .line {
+ border: 1px solid #ffffff;
+ height: 10px;
+ opacity: 0.5;
}
+ .weather {
+ img {
+ width: 20px;
+ height: 20px;
+ }
+ .tq {
+ margin: 0 5px;
+ color: #e7f5ff;
+ }
+ .qk {
+ margin-left: 5px;
+ color: #04f043;
+ }
+ }
+ }
}
</style>
--
Gitblit v1.9.3