视频监控图标

gassafety-web/src/views/videoMonitoring/video/index.vue

@@ -20,7 +20,6 @@
                    :filter-node-method="filterNode"
                    ref="tree"
                    default-expand-all
-                   prefix="el-icon-video-play"
                    @node-click="nodeClick"
                    style="background-color: white; color: #606266"
           >
@@ -97,11 +96,17 @@
     line-height: calc((100vh - 130px)/2);
     color: white;
   }
-  .nodeImg1{
-    background: url("../../../assets/images/video1.png") no-repeat center;
+  .el-icon-video-camera{
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url("../../../assets/images/video1.png");
+    background-size: 20px;
   }
-  .nodeImg2{
-    background: url("../../../assets/images/video2.png") no-repeat center;
+  .el-icon-video-play{
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url("../../../assets/images/video2.png");
+    background-size: 20px;
   }
 </style>
 
@@ -120,7 +125,7 @@
           {
             name: "企业视频监控",
             level: 0,
-            icon: "nodeImg1",
+            icon: "el-icon-video-camera",
             childList: []
           }
         ],
@@ -145,19 +150,19 @@
         that.treeData[0].childList = [
           {
             name: "视频监控1",
-            icon: "nodeImg2",
+            icon: "el-icon-video-play",
             deviceCode: "34020000001110000003_0200000004",
           },{
             name: "视频监控2",
-            icon: "nodeImg2",
+            icon: "el-icon-video-play",
             deviceCode: "34020000001110000003_0200000005",
           },{
             name: "视频监控3",
-            icon: "nodeImg2",
+            icon: "el-icon-video-play",
             deviceCode: "stream_36_0",
           },{
             name: "视频监控4",
-            icon: "nodeImg2",
+            icon: "el-icon-video-play",
             deviceCode: "stream_37_0",
           }
         ];