From 510c50da32ba5bdc16e912b1c893000a45dc6305 Mon Sep 17 00:00:00 2001 From: TreeWish <1131093754@qq.com> Date: 星期四, 23 二月 2023 09:46:19 +0800 Subject: [PATCH] 修改各类数据存储分布图表 --- src/views/Thematic/index.vue | 39 +++++++++++++++++++++++++++++---------- 1 files changed, 29 insertions(+), 10 deletions(-) diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue index 98cb5a5..8806e59 100644 --- a/src/views/Thematic/index.vue +++ b/src/views/Thematic/index.vue @@ -3,13 +3,16 @@ <mapsdk></mapsdk> <top class="title" ref="title"></top> <left class="mapleft" :style="{ width: leftWidth }" ref="mapleft"></left> - <right class="mapright" :style="{ width: rightWidth }" ref="mapright"></right> + <right + class="mapright" + :style="{ width: rightWidth }" + ref="mapright" + ></right> <bottom class="mapbottom" ref="mapbottom"></bottom> -</div> + </div> </template> <script> - import mapsdk from "@/components/Screen/mapsdk.vue" import top from "../../components/Screen/top.vue" import left from "@/components/Screen/left.vue" @@ -25,8 +28,8 @@ rightWidth: "20%", } }, - mounted() { }, - created() { }, + mounted() {}, + created() {}, methods: { //淇敼宸︿晶瀹藉害 ChangeWidth(parm) { @@ -36,10 +39,10 @@ } else { this.leftWidth = "20%" } - }; - if (parm == "leftView" || parm == "leftTree") { this.leftWidth = "20%" } - - + } + if (parm == "leftView" || parm == "leftTree") { + this.leftWidth = "20%" + } if (parm == "right") { if (this.rightWidth == "20%") { @@ -95,4 +98,20 @@ height: 90px; width: 100%; z-index: 999; -}</style> +} +</style> + +<style lang="less"> +.themaic { + .aside-title { + padding-left: 30px; + height: 27px; + line-height: 27px; + background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%); + font-size: 15px; + font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular; + -webkit-background-clip: text; + color: #fff; + } +} +</style> -- Gitblit v1.9.3