up

src/views/bigScreen/home/components/WaveChart.vue

@@ -32,7 +32,7 @@ export default {
           top: '0',
           itemGap: 20,
           textStyle: {
-            color: '#fff'
+            color: '#000'
           }
         },
         xAxis: {

src/views/bigScreen/home/index.vue

@@ -11,7 +11,7 @@
         <el-carousel indicator-position="none" :autoplay="false" arrow="always" @change="showWave">
           <el-carousel-item v-for="(item,idx) in sensorlist" :key="idx" class="carousel-item" height="100%">
             <div class="wave-item">
-              <div class="waveChart-title">{{ item.goafSensorName }}</div>
+              <div class="waveChart-title">{{ item.goafDevTypename }}【{{ item.goafDevName }}】上的传感器{{ item.goafSensorName }}</div>
               <WaveChart :ref="'wave-chart-'+idx" key="idx" :chart-id="'wave-chart-'+idx" />
             </div>
           </el-carousel-item>
@@ -364,13 +364,15 @@ export default {
           .waveChart-title{
             width: 100%;
             position: absolute;
-            padding: 5px;
-            background-color: #fff;
+            background-color: #d1cfcf;
             color: #000;
+            padding: 10px;
+            text-align: center;
+            box-sizing: border-box;
           }
           .wave-item{
             height: 100%;
-            background-color: #fff;
+            background-color: #fff
           }
         }
     }