小班滚动高度预配置

src/views/index.vue

@@ -49,7 +49,7 @@
         </el-input>
       </div>
       <section class="scroll-board-wrap blur-wrap">
-        <dv-scroll-board :key="scrollBoardKey" class="scroll-board-01" :config="scrollBoardConfig" ref="scrollBoard" @click="scrollBoardClick" style="width:100%;height:72vh" />
+        <dv-scroll-board :key="scrollBoardKey" class="scroll-board-01" :config="scrollBoardConfig" ref="scrollBoard" @click="scrollBoardClick" :style="scrollBoardStyle" />
       </section>
     </section>
     
@@ -123,6 +123,11 @@
           {text:'事件信息'},
         ],
         scrollBoardKey:Date.now(),
+        scrollBoardStyle:{
+          width:'100%',
+          height:'72vh'
+
+        },
         scrollBoardConfig:scrollBoardSchema,
         page1numerical:[
           {name:'蓄积量',number:'2309',unit:'立方米'},
@@ -283,6 +288,13 @@
         rightScrollData(param).then(res=>{
           // console.log('res',res.rows.length);
           // console.log('this.scrollBoardConfig',this.scrollBoardConfig);
+
+          //当小班滚动数据少时重设参数
+          // if(res.rows.length<=15){
+          //   this.scrollBoardConfig.rowNum = 5;
+          //   this.scrollBoardStyle.height = '25vh'
+          // }
+          
           this.scrollBoardConfig.data = [];
           res.rows.forEach(element => {
             this.scrollBoardConfig.data.push([element.smallNumber,element.treeComp,element.perAcreStock,element.landArea])