Browse Source

修改首页弹窗

unknown 1 year ago
parent
commit
49470a77d7
2 changed files with 11 additions and 6 deletions
  1. 8 3
      investment/js/investHome.js
  2. 3 3
      investment/styles/investHome.css

+ 8 - 3
investment/js/investHome.js

@@ -1533,7 +1533,7 @@ let app = new Vue({
             }
     },
           formatter: params => {
-            return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}:${params.percent}% <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 金额:${params.value}`
+            return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}:${params.percent}% <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 金额:${params.value}亿`
           },  //+ '<br/>'+ '{a1}:{c1}' + '%',
           axisPointer: {
             type: 'cross',
@@ -1614,6 +1614,10 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartL2'])
       let option = {
         tooltip: {
+          formatter: data => {
+            console.log(data)
+            return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color.colorStops[0].color}"></span> ${data[0].seriesName}:${data[0].value}亿 <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color.colorStops[0].color}"></span> ${data[1].seriesName}:${data[1].value}亿`
+          },
           trigger: 'axis',
           axisPointer: {
             type: 'cross',
@@ -1684,8 +1688,9 @@ let app = new Vue({
         yAxis: [
           {
             type: 'value',
+            name: '亿元',
             nameTextStyle: {
-              color: '#ebf8ac',
+              color: 'rgba(255,255,255,0.6)',
             },
             splitLine: {
               show: true,
@@ -1913,7 +1918,7 @@ let app = new Vue({
                   }
           },
           formatter: params => {
-            return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}:${params.value}<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 投资完成额:${params.data.value2}`
+            return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}:${params.value}<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 投资完成额:${params.data.value2}亿`
           },  //+ '<br/>'+ '{a1}:{c1}' + '%',
           axisPointer: {
             type: 'cross',

+ 3 - 3
investment/styles/investHome.css

@@ -467,18 +467,18 @@ a {
   height: 56vh;
   top: calc(50% - 26vh);
   left: calc(50% - 450px);
-  background: url("../images/alert.png") no-repeat center;
+  background: url('../images/popup.png') no-repeat center;
   /* background-color: #133b65; */
   background-size: 100% 100%;
   padding: 100px 60px 50px;
 }
 .tip-title {
   position: absolute; 
-  top:10px; 
+  top:-2px; 
   left: calc(50% - 200px); 
   width: 400px; 
   text-align: center;
-  font-size: 32px;
+  font-size: 24px;
 }
 .tip-down {
   position: absolute;