编辑页面

src/components/scrollBoard/index.vue

@@ -70,6 +70,7 @@
     >
       <div
         class="row-item"
+        :class="row.rowIndex % 2 === 0?'even':'odd'"
         v-for="(row, ri) in rows"
         :key="`${row.toString()}${row.scroll}`"
         :style="`

src/view/park/left_3.vue

@@ -1,12 +1,51 @@
 <style lang="less" scoped>
-
+	.left_3{
+		.dv-scroll-board{
+			&:deep>.header{
+				background:rgba(12, 44, 78, 0.7)!important;
+				box-shadow: inset 0 0 10px 2px rgba(12, 137, 254, 0.5);
+			}
+			&:deep>.rows{
+				color:#A2B4C5;
+				.even{
+					background:transparent!important;
+					.ceil:nth-child(3){
+						color:#0C81EF;
+					}
+				}
+				.odd{
+					background: rgba(2, 157, 253, 0.1)!important;
+					.ceil:nth-child(3){
+						color:#00E7F7;
+					}
+				}
+			}
+		}
+	}
 </style>
 <template>
 	<div class="left_3">
 		<dTitle title="病虫害情况" icon="9"/>
-		
+		<dvScrollBoard ref="scrollBoard" :config="config" style="height:246px"/>
 	</div>
 </template>
 <script setup>
+import { shallowRef } from 'vue'
 import dTitle from '../title.vue'
+
+	var config=shallowRef({
+		header:['类型','品种','病虫害类型','发生次数','病虫名称'],
+		data:[
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+		],
+		rowNum:5,
+		align:['center','center','center'],
+	})
 </script>

src/view/park/right_1.vue

@@ -0,0 +1,11 @@
+<style lang="less" scoped>
+
+</style>
+<template>
+	<div class="right_1">
+		
+	</div>
+</template>
+<script setup>
+
+</script>