From e94ea7f723e616a0566ac5c7f9d77435333d9e92 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期六, 11 五月 2024 17:38:20 +0800
Subject: [PATCH] 实时走航
---
src/components/monitor/WeatherData.vue | 55 +++++++++++++++++++++++++++++++------------------------
1 files changed, 31 insertions(+), 24 deletions(-)
diff --git a/src/components/monitor/WeatherData.vue b/src/components/monitor/WeatherData.vue
index 7d6ab88..85d436a 100644
--- a/src/components/monitor/WeatherData.vue
+++ b/src/components/monitor/WeatherData.vue
@@ -1,27 +1,27 @@
<template>
<el-row class="wrap">
- <el-form :inline="true">
- <el-form-item label="娓╁害锛�" class="tag-2">
+ <el-form :inline="true" class="form">
+ <el-form-item label="娓╁害锛�" class="w-tag">
{{ temprature }}
</el-form-item>
- <el-form-item label="婀垮害锛�" class="tag-2">
+ <el-form-item label="婀垮害锛�" class="w-tag">
{{ humidity }}
</el-form-item>
</el-form>
- <!-- <div class="tag-2">{{ temprature }}</div>
- <div class="tag-2">{{ humidity }}</div> -->
+ <!-- <div class="w-tag">{{ temprature }}</div>
+ <div class="w-tag">{{ humidity }}</div> -->
</el-row>
<el-row class="wrap">
- <el-form :inline="true">
- <el-form-item label="椋庡悜锛�" class="tag-2">
+ <el-form :inline="true" class="form">
+ <el-form-item label="椋庡悜锛�" class="w-tag">
{{ windDirection }}
</el-form-item>
- <el-form-item label="椋庨�燂細" class="tag-2">
+ <el-form-item label="椋庨�燂細" class="w-tag">
{{ windSpeed }}
</el-form-item>
</el-form>
- <!-- <div class="tag-2">{{ windDirection }}</div>
- <div class="tag-2">{{ windSpeed }}</div> -->
+ <!-- <div class="w-tag">{{ windDirection }}</div>
+ <div class="w-tag">{{ windSpeed }}</div> -->
</el-row>
</template>
<script>
@@ -51,20 +51,6 @@
deep: true
}
},
- // computed: {
- // temprature() {
- // return `${this.lastOne('TEMPERATURE')}鈩僠;
- // },
- // humidity() {
- // return `${this.lastOne('HUMIDITY')}%`;
- // },
- // windDirection() {
- // return `${this.lastOne('WIND_DIRECTION')}`;
- // },
- // windSpeed() {
- // return `${this.lastOne('WIND_SPEED')}m/s`;
- // }
- // },
methods: {
lastOne(factorDatas, key) {
const f = factorDatas.factor[key];
@@ -78,3 +64,24 @@
}
};
</script>
+<style scoped>
+.w-tag {
+ padding: 2px 4px;
+ /* background-color: green; */
+ border: 1px solid white;
+ border-radius: 2px;
+ -moz-border-radius: 25px;
+ width: 130px;
+ /* Old Firefox */
+}
+
+.form {
+ display: flex;
+ gap: 4px;
+}
+
+.el-form-item {
+ margin-bottom: 4px;
+ margin-right: 0px !important;
+}
+</style>
--
Gitblit v1.9.3