邓洁 : 修改弹窗样式

src/components/content/usedEle/UsedEle.vue

@@ -1,6 +1,6 @@
 <template>
-  <div id="used-ele" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }">
-    <div class="content" @click="handleOpenChart">
+  <div id="used-ele" :style="{ backgroundImage: 'url(' +getImageUrl(bgImage)+')' }" @click="handleOpenChart">
+    <div class="content" >
       <div class="item">
         <div></div>
         <span>当月用电量：{{ electricityConsumptionMonthly }}v</span>
@@ -108,9 +108,12 @@ const initChart = () => {
     legend: {
       left: 0,
       textStyle: {
-        color: '#FFFFFF',
+        color: '#60DDDE',
         fontSize: 45
-      }
+      },
+      itemWidth: 30,
+      itemHeight:30,
+      icon: "circle",
     },
     //离容器四侧的距离
     grid: {
@@ -123,7 +126,10 @@ const initChart = () => {
     //提示框组件
     tooltip: {
       show: true,
-      trigger: 'axis'
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 40
+      }
     },
     //X轴
     xAxis: {
@@ -176,6 +182,7 @@ const getImageUrl = (name) => {
   padding: 0!important;
 }
 #used-ele {
+  cursor: pointer;
   width: 830px;
   height: 90px;
   color: aliceblue;