From e5d499ae6a4e6b320f71c49987b76cc11f6bc1e4 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期二, 28 十月 2025 14:13:10 +0800
Subject: [PATCH] 首页问题
---
src/views/screen/components/subheading.vue | 22 +++++++++++++++++++---
1 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/src/views/screen/components/subheading.vue b/src/views/screen/components/subheading.vue
index 3af62bf..aeae700 100644
--- a/src/views/screen/components/subheading.vue
+++ b/src/views/screen/components/subheading.vue
@@ -27,6 +27,13 @@
},
methods: {
+ setFontSize(res){
+ const clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
+ if (!clientWidth) return;
+ let fontSize = clientWidth / 1920;
+ return res*fontSize;
+ },
+
initChart (val1, val2, color) {
const annularDom = this.$refs.echarts
const myAnnular = this.$echarts.init(annularDom)
@@ -64,7 +71,7 @@
show: true, // 鍗曠嫭鏄剧ず璇ユ暟鎹」
formatter: val1 + '',
color: color,
- fontSize: 14
+ fontSize: this.setFontSize(14)
}
},
@@ -88,7 +95,6 @@
}
]
}
-
myAnnular.setOption(option)
},
@@ -107,6 +113,17 @@
this.isData.color
)
})
+ },
+ watch: {
+ isData: {
+ handler(newVal, oldVal) {
+ this.getW()
+ this.$nextTick(() => {
+ this.initChart(newVal.value1, newVal.value2, newVal.color);
+ });
+ },
+ deep: true
+ },
}
}
</script>
@@ -138,7 +155,6 @@
.title {
text-align: center;
- font-size: 14px;
color: #dcf8ff;
white-space: nowrap;
overflow: hidden;
--
Gitblit v1.8.0