点击添加active

src/assets/scss/common.scss

@@ -132,8 +132,9 @@ body {
 .dv-scroll-board {
   .row-item {
     overflow: hidden;
-    &:active{
-        background-color: #fff;
+    cursor: pointer;
+    &.active{
+        background-color: rgb(4, 145, 110)!important;
     }
     &:hover {
       transform: scale(1.05);

src/views/index.vue

@@ -2,9 +2,9 @@
  * @Description: 
  * @Author: wangcc
  * @Date: 2022-07-06 15:56:45
- * @LastEditors: wangcc
- * @LastEditTime: 2022-11-01 09:36:00
- * @FilePath: \castgroup_bigscreen\src\views\index.vue
+ * @LastEditors: gcz
+ * @LastEditTime: 2022-11-01 10:14:41
+ * @FilePath: \ntbigscreen\src\views\index.vue
  * @Copyright: Copyright (c) 2016~2022 by wangcc, All Rights Reserved. 
 -->
 <template>
@@ -607,7 +607,7 @@ export default {
           // this.scrollBoardConfig = res.data;
         })
         .catch((err) => {
-          console.log('echarts01 err', err);
+          console.log('scrollBoard err', err);
         });
     },
     getProjectScrollData() {
@@ -647,7 +647,7 @@ export default {
           // this.scrollBoardConfig = res.data;
         })
         .catch((err) => {
-          console.log('echarts01 err', err);
+          console.log('scrollProjectBoard err', err);
         });
     },
     getBaseList() {
@@ -1182,6 +1182,7 @@ export default {
       this.getPageData();
     },
     scrollBoardClick(e) {
+      
       let param = {
         id: e.row[4]
       };
@@ -1210,8 +1211,22 @@ export default {
       });
     },
     scrollProjectClick(e) {
+      // 点击添加class
+      let removeAllClass = (className)=>{
+            //找到所有包含className的结点
+            let nodeList = document.querySelectorAll(`.dv-scroll-board .${className}`);
+            // let nodeList = document.getElementsByClassName('row-item');
+            //删除这些标签对应的class
+            Array.prototype.forEach.call(nodeList,(el)=>{
+                el.classList.remove(className)
+            })
+        }
+      
       let proClass = document.getElementsByClassName('row-item');
-      proClass[e.rowIndex].style.background = 'rgb(4, 145, 110)';
+      // proClass[e.rowIndex].style.background = 'rgb(4, 145, 110)';
+      removeAllClass("active");
+      proClass[e.rowIndex].classList.add("active");
+
       let rowId = e.row[4];
       let param = {
         courseId: rowId,
@@ -1245,7 +1260,7 @@ export default {
       }
     },
     scrollOut(e) {
-      console.log(e);
+      // console.log(e);
       this.changeSearchSmallClass({ name: false });
     },
     scrollOutPro(e) {