From 66bae94879a1ef44abe28833627564086d74ee13 Mon Sep 17 00:00:00 2001
From: longyvfengyun <496960745@qq.com>
Date: 星期一, 21 八月 2023 10:19:27 +0800
Subject: [PATCH] 内容提交
---
src/views/home/components/homeDetail.vue | 35 +++++++++++++++++++++++++++++++++--
1 files changed, 33 insertions(+), 2 deletions(-)
diff --git a/src/views/home/components/homeDetail.vue b/src/views/home/components/homeDetail.vue
index 9ca4d8a..78ac024 100644
--- a/src/views/home/components/homeDetail.vue
+++ b/src/views/home/components/homeDetail.vue
@@ -1,5 +1,5 @@
<script setup>
-import image5 from "@/views/home/images/璐ㄦ帶瀹�.jpg";
+import MapPin from "@/components/MapPin.vue";
const props = defineProps({
info: {
@@ -12,7 +12,19 @@
src: "",
width: 100,
height: 100
- }
+ },
+ info: {}
+ }
+ }
+ },
+ vals: {
+ type: Object,
+ default() {
+ return {
+ diff: 0,
+ hum: 48.71,
+ num: 3,
+ tmp: 26.56
}
}
}
@@ -21,6 +33,12 @@
<template>
<div class="home-detail">
+ <div class="vals-wrapper">
+ <div class="vals-name">{{info.name}}</div>
+ <div class="vals-item">娓╁害: {{vals.tmp}}鈩�</div>
+ <div class="vals-item">婀垮害: {{vals.hum}}%RH</div>
+ <div class="vals-item">鍘嬪樊: {{vals.diff}}Pa</div>
+ </div>
<div class="home-detail-img">
<img :src="info.img.src" alt=""/>
</div>
@@ -29,9 +47,22 @@
<style lang="less" scoped>
.home-detail {
+ position: relative;
width: 600px;
text-align: center;
background-color: #ffffff;
+ .vals-wrapper {
+ position: absolute;
+ top: 8px;
+ left: 8px;
+ text-align: left;
+ padding: 8px;
+ background-color: #303133;
+ color: #FFFFFF;
+ .vals-name {
+ text-align: center;
+ }
+ }
}
.home-detail-img {
display: inline-block;
--
Gitblit v1.9.1