From 5300255dd40ac2ed67676da5568f0e4fd25a7078 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期二, 05 三月 2024 13:33:46 +0800 Subject: [PATCH] fix:修改字体、图标、背景、阴影问题 --- src/views/index/center-map.vue | 37 ++++++++++++++++++++++++------------- 1 files changed, 24 insertions(+), 13 deletions(-) diff --git a/src/views/index/center-map.vue b/src/views/index/center-map.vue index 379890c..26f22a1 100644 --- a/src/views/index/center-map.vue +++ b/src/views/index/center-map.vue @@ -5,6 +5,8 @@ import { optionHandle, regionCodes } from "./center.map"; import BorderBox13 from "@/components/datav/border-box-13"; import type { MapdataType } from "./center.map"; +import chart2 from "./chart2.vue" +import chartgd from "./chartgd.vue" const option = ref({}); const code = ref("china"); //china 浠h〃涓浗 鍏朵粬鍦板競鏄鏀跨紪鐮� @@ -37,7 +39,7 @@ } }); await nextTick(); - + console.log(mapData) option.value = optionHandle(regionCode, list, mapData); }; @@ -79,27 +81,35 @@ window["$message"].warning("鏆傛棤涓嬬骇鍦板競"); } }; +const dtFig =ref(0) +const handlechan =()=>{ + console.log(dtFig.value) + dtFig.value = 1 +} </script> <template> <div class="centermap"> - <div class="maptitle"> + <div class="maptitle" style="display:none;"> <div class="zuo"></div> <span class="titletext">{{ title }}</span> <div class="you"></div> </div> <div class="mapwrap"> <BorderBox13> - <div class="quanguo" @click="getData('china')" v-if="code !== 'china'"> - 涓浗 - </div> - <v-chart - class="chart" - :option="option" - ref="centerMapRef" - @click="mapClick" - v-if="JSON.stringify(option) != '{}'" - /> +<!-- <div class="quanguo" @click="getData('china')" >--> +<!-- 涓浗--> +<!-- </div>--> + + <chartgd @changeDt="handlechan" v-if="dtFig ==0"></chartgd> + <chart2 v-else></chart2> +<!-- <v-chart--> +<!-- class="chart"--> +<!-- :option="option"--> +<!-- ref="centerMapRef"--> +<!-- @click="mapClick"--> +<!-- v-if="JSON.stringify(option) != '{}'"--> +<!-- />--> </BorderBox13> </div> </div> @@ -149,7 +159,8 @@ } .mapwrap { - height: 580px; + //height: 580px; + height: 900px; width: 100%; // padding: 0 0 10px 0; box-sizing: border-box; -- Gitblit v1.8.0