修改界面显示

src/views/board/caseShell/index2.vue

@@ -6,7 +6,7 @@
     <div class="topNum practicalNum">{{ practicalNum }}</div>
     <div class="topNum differenceValue">{{ differenceValue }}</div>
     <div class="title" v-for="(i, k) in title"
-      :style="'top:' + (titlePosition[k] && titlePosition[k].top || 0) + '%;left:' + (titlePosition[k] && titlePosition[k].left || 0) + '%'">
+         :style="'top:' + (titlePosition[k] && titlePosition[k].top || 0) + '%;left:' + (titlePosition[k] && titlePosition[k].left || 0) + '%'">
       {{ i }}
     </div>
     <div class="meter">平均节拍：{{ meter }} 秒/件</div>
@@ -34,9 +34,9 @@
         </div>
       </div>
       <vue-seamless-scroll :class-option="scrollTableOption" :data="scrollTableData" class="case-item"
-        style="height: 84%;overflow: hidden;">
-        <div v-for="(item, index) in scrollTableData" :key="index">
-          <div :style='"background-color:" + ((index % 2 === 0) ? "#053460" : "#032d57")'>
+                           style="height: 84%;overflow: hidden;">
+        <div v-for="(item, index) in scrollTableData" :key="index" style="height: 3vh;">
+          <div :style='"height:100%;line-height:3vh;background-color:" + ((index % 2 === 0) ? "#053460" : "#032d57")'>
             <div class="scrollTableItem">
               {{ item.value1 }}
             </div>
@@ -80,7 +80,7 @@
 import vueSeamlessScroll from "vue-seamless-scroll";
 import Chart from "../../../components/board/Chart";
 import * as echarts from 'echarts'
-import { getData } from "@/api/board/getData";
+import {getData} from "@/api/board/getData";
 
 export default {
   components: {
@@ -757,6 +757,7 @@ export default {
   font-size: 0.9vw;
   color: #fff;
 }
+
 .centerBg {
   background-image: url("../../../assets/board/model2.png");
   background-repeat: no-repeat;

src/views/board/liner/index.vue

@@ -42,8 +42,9 @@
         <div
           v-for="(item, index) in scrollTableData"
           :key="index"
+          style="height: 3vh;"
         >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#05346066":"#032d5766") '>
+          <div :style='"height:100%;line-height:3vh;background-color:" + ((index % 2 === 0)? "#05346066":"#032d5766") '>
             <div
               class="scrollTableItem">
               {{ item.value1 }}