fix: echarts3d

src/components/BigScreen/BianpoMonitor.vue

@@ -239,7 +239,7 @@ export default {
         .count2 {
           font-family: diget year;
           font-weight: normal;
-          font-size: 0.42rem;
+          font-size: 0.34rem;
           color: #ffffff;
           text-shadow: 0px 0.04rem 0.3rem rgba(5, 54, 78, 0.48);
           background: linear-gradient(180deg, #dff2ff 0%, #36acff 100%);
@@ -250,13 +250,15 @@ export default {
         .unit2 {
           font-family: PingFang SC;
           font-weight: bold;
-          font-size: 0.21rem;
-          color: #1e6bb2;
+          font-size: 0.18rem;
+          color: #59EDFF;
+          vertical-align: 0.03rem;
+
         }
         .count1{
           font-family: diget year;
           font-weight: normal;
-          font-size: 0.42rem;
+          font-size: 0.34rem;
           color: #ffffff;
           text-shadow: 0px 0.04rem 0.3rem rgba(5, 54, 78, 0.48);
           background: linear-gradient(180deg, #fffae4 0%, #ffe25d 100%);
@@ -267,8 +269,9 @@ export default {
         .unit1 {
           font-family: PingFang SC;
           font-weight: bold;
-          font-size: 0.21rem;
+          font-size: 0.18rem;
           color: #dfe224;
+          vertical-align: 0.03rem;
         }
       }
     }

src/components/BigScreen/QiaoliangMonitor.vue

@@ -14,7 +14,7 @@
         <div class="dt">
           <span>监测项</span> <span>最近更新时间</span> <span>监测数据</span>
         </div>
-        <div v-if="!dataList.length" style="font-size: 0.24rem">暂无数据</div>
+        <div v-if="!dataList.length" class="emptyData">暂无数据</div>
         <dl class="scrolling1">
           <div class="list-wrap">
             <div class="list-content">
@@ -201,6 +201,14 @@ export default {
         type,
       }).then((response) => {
         this.dataList = response.data;
+        // if(type === '环境监测'){
+        //   for (let index = 0; index < 5; index++) {
+        //     this.dataList.push({
+        //       name: index,
+        //       value: index,
+        //     });
+        //   }
+        // }
         this.$nextTick(() => {
           setTimeout(() => {
             this.startScrolling(
@@ -224,6 +232,13 @@ export default {
       console.log('container.clientHeight', container.clientHeight)
       const content = document.querySelector(contentClass);
 
+
+      if(this.dataList.length<5){
+        content.style.transform = `translateY(0px)`;
+        clearInterval(this["interval4" + type]);
+        return
+      }
+
       content.style.transform = `translateY(0px)`;
       console.log(content.scrollHeight, "content.scrollHeight");
       // return
@@ -254,6 +269,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.emptyData {
+  font-size: 0.18rem;
+  text-align: center;
+  padding-top: 0.6rem; 
+}
 .echart-bt {
   width: 100%;
   height: 1.8rem;