1

src/apps/home/components/screen-tem4.vue

@@ -65,12 +65,13 @@ export default class Echarts extends Vue {
         left: 0;
         bottom: 0;
         right: 0;
-      //  background-color: #14111f;
-        overflow: hidden;
+
         // background-image: url(../images/screen-tem4/bg.png);
+        background-color: #14111f;
+        overflow: hidden;
         background-image: url(../images/screen-tem2/bg.png);
         background-repeat: no-repeat;
-        background-repeat: no-repeat;
+        background-size: 100% 100%;
         background-size: 100% 100%;
         color: #ffffff;
     }
@@ -83,6 +84,7 @@ export default class Echarts extends Vue {
         justify-content: center;
         align-items: center;
         text-align: center;
+        background-color: rgba(29, 81, 156, 0.2);
     }
     .header .title{
         width: 100%;
@@ -128,6 +130,7 @@ export default class Echarts extends Vue {
         display: inline-block;
         float: left;
         position: relative;
+
     }
     .main .main-box1 .one{
         width: 100%;
@@ -135,6 +138,7 @@ export default class Echarts extends Vue {
         background-image: url(../images/smodule/smodule23-one.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        background-color: rgba(29, 81, 156, 0.2);
     }
     .main .main-box1 .two{
         width: 49%;
@@ -143,6 +147,7 @@ export default class Echarts extends Vue {
         background-image: url(../images/smodule/smodule23-two.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        background-color: rgba(29, 81, 156, 0.2);
     }
     .main .main-box1 .there{
         width: 49%;
@@ -152,6 +157,7 @@ export default class Echarts extends Vue {
         background-image: url(../images/smodule/smodule23-two.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        background-color: rgba(29, 81, 156, 0.2);
     }
     .main .main-box2{
         width: 32.7vw;
@@ -160,6 +166,7 @@ export default class Echarts extends Vue {
         background-image: url(../images/smodule/smodule23-two.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        background-color: rgba(29, 81, 156, 0.2);
     }
     .main .main-box3{
         width: 98vw;
@@ -168,6 +175,7 @@ export default class Echarts extends Vue {
         background-image: url(../images/smodule/smodule23-two.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        background-color: rgba(29, 81, 156, 0.2);
     }
 
     .header-logo{