From 4f209e33a1a159c0e9cbee05ae18d628feb46d74 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 28 Nov 2022 09:30:08 +0800
Subject: [PATCH] 样式调整
---
src/views/home/components/rightContainer.vue | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/src/views/home/components/rightContainer.vue b/src/views/home/components/rightContainer.vue
index 0e8e7b9..2921429 100644
--- a/src/views/home/components/rightContainer.vue
+++ b/src/views/home/components/rightContainer.vue
@@ -123,9 +123,7 @@
this.$nextTick(() => {
window.addEventListener("resize", this.echartsResize)
- this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 52
-
- console.log(this.tableHeight, this.$refs.Container.offsetHeight, this.$refs.caseBox.offsetHeight, this.$refs.crowdBox.offsetHeight, this.$refs.alertBoxTitle.offsetHeight, 32)
+ this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 82
})
this.equipmentEchartsCarousel()
},
@@ -668,11 +666,15 @@
flex-direction: column;
background: $bg-color;
+ background-image: url(/img/box/box-bg.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+
.title::after {
content: '';
position: absolute;
- top: 15px;
- left: 0;
+ top: 13px;
+ left: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
@@ -682,13 +684,14 @@
}
.title {
- padding: 0 18px 0 25px;
+ margin-top: 8px;
+ padding: 0 18px 0 30px;
position: relative;
text-align: left;
- height: 40px;
- line-height: 40px;
+ height: 36px;
+ line-height: 36px;
font-size: 16px;
- background-image: linear-gradient(to right, #2e4aba, #010d3e);
+ // background-image: linear-gradient(to right, #2e4aba, #010d3e);
.timer {
width: 250px;
@@ -759,6 +762,11 @@
margin-top: 0;
margin-bottom: 0;
+ .title {
+ height: 34px;
+ line-height: 34px;
+ }
+
.echarts-box {
overflow-x: hidden;
overflow-y: auto;
--
Gitblit v1.9.3