From 48986a9e1c74b27776122c20997b95924d711157 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 31 三月 2021 16:51:33 +0800
Subject: [PATCH] 图层配置
---
src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue | 78 +++++----------------------------------
1 files changed, 10 insertions(+), 68 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
index a499fb1..bd1e845 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
@@ -1,21 +1,7 @@
<template>
- <!-- 妗� -->
- <div class="win">
- <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 -->
- <div class="border_corner border_corner_left_top"></div>
- <div class="border_corner border_corner_right_top"></div>
- <div class="border_corner border_corner_left_bottom"></div>
- <div class="border_corner border_corner_right_bottom"></div>
<div class="main">
- <div class="ShowEcharts">
<div id="echarts" ref="main"></div>
- <div class="border_corner border_corner_left_top"></div>
- <div class="border_corner border_corner_right_top"></div>
- <div class="border_corner border_corner_left_bottom"></div>
- <div class="border_corner border_corner_right_bottom"></div>
</div>
- </div>
- </div>
</template>
<script>
@@ -46,8 +32,9 @@
},
grid: {
left: '3%',
- right: '3%',
+ right: '1%',
bottom: '3%',
+ top: '10%',
containLabel: true
},
toolbox: {
@@ -163,59 +150,14 @@
</script>
<style scoped lang="less">
- .win {
- width: 100%;
- height: 100%;
+ .main{
+ background: rgba(255, 255, 255, 0.1);
+ }
+ #echarts{
+ width: 600px;
+ height: 260px;
position: relative;
- //display: inline-block;
- background-color: rgba(33, 41, 69,0.9);
+ margin: 0;
+ padding: 0;
}
- .ShowEcharts{
- position: relative;
- display: inline-block;
- border: 1px solid #0B89B5;
- background: #243a55;
- margin: 10px;
- }
- .border_corner{
- z-index: 2500;
- position: absolute;
- width: 14px;
- height: 14px;
- background: rgba(0,0,0,0);
- border: 2px solid #47d5ea;
- }
- .border_corner_left_top{
- top: 0;
- left: 0;
- border-right: none;
- border-bottom: none;
- }
- .border_corner_right_top{
- top: 0;
- right: 0;
- border-left: none;
- border-bottom: none;
- }
- .border_corner_left_bottom{
- bottom: 0;
- left: 0;
- border-right: none;
- border-top: none;
- border-bottom-left-radius: 4px;
- }
- .border_corner_right_bottom{
- bottom: 0;
- right: 0;
- border-left: none;
- border-top: none;
- }
- #echarts{
- width: 600px;
- height: 260px;
- }
-.main {
- width: 100%;
- height: 100%;
-}
</style>
--
Gitblit v1.8.0