From 91049bfd147ab0af4a81da8ba6cc90dbfc04fc52 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Thu, 31 Oct 2024 15:48:28 +0800
Subject: [PATCH] 首页优化
---
src/views/survey/components/box/unitContent.vue | 50 ++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 42 insertions(+), 8 deletions(-)
diff --git a/src/views/survey/components/box/unitContent.vue b/src/views/survey/components/box/unitContent.vue
index 7152a88..47fba66 100644
--- a/src/views/survey/components/box/unitContent.vue
+++ b/src/views/survey/components/box/unitContent.vue
@@ -9,17 +9,51 @@
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import publicContent from './publicContent.vue'
+// import publicContent from './publicContent.vue'
+
+import { inject } from 'vue'
+
+let $echarts = inject('echarts')
+
+console.log($echarts)
+
+onMounted(() => {
+ let myEcharts = $echarts.init(document.getElementById('unit-content-echarts'))
+ myEcharts.setOption({
+ xAxis: {
+ data: ['A', 'B', 'C', 'D', 'E']
+ },
+ yAxis: {},
+ series: [
+ {
+ type: 'bar',
+ data: [10, 22, 28, 43, 49],
+ barWidth: '60%'
+ }
+ ]
+ })
+})
+
</script>
<template>
- <public-content>
- <template #content>
- <div>
+ <!-- <public-content>
+ <template #content> -->
+ <div class="unit-content">
+ <div class="unit-content-echarts" id="unit-content-echarts">
- </div>
- </template>
- </public-content>
+ </div>
+ </div>
+ <!-- </template>
+ </public-content> -->
</template>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.unit-content {
+ color: #fff;
+}
+
+.unit-content-echarts {
+ height: 5rem;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3