视频图片优化

src/views/components/carouselChart.vue

@@ -90,7 +90,7 @@
           >
             <img :src="item.path + '!260x160'" @error="setDefaultImage" />
             <p class="timeInfo">
-              <!-- <i class="el-icon-picture"></i> -->
+              <!-- <i class="el-icon-picture-outline"></i> -->
               <el-tooltip
                 class="item"
                 effect="dark"
@@ -131,7 +131,7 @@
             <img :src="item.thumb" v-else />
 
             <p class="timeInfo">
-              <i class="el-icon-video-camera-solid"></i>
+              <i class="el-icon-video-camera"></i>
               <el-tooltip
                 class="item"
                 effect="dark"
@@ -794,11 +794,13 @@ export default {
         font-size: 12px;
         text-align: center;
         color: #333;
-        .el-icon-picture,
+        min-height: 20px;
-        .el-icon-video-camera-solid {
+        .el-icon-picture-outline,
-          font-size: 14px;
+        .el-icon-video-camera {
+          font-size: 20px;
           margin-right: 8px;
           align-items: center;
+          vertical-align: sub;
           color: @color-primary;
         }
       }
@@ -817,11 +819,8 @@ export default {
           //background: @color-primary;
           background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
           color: #fff;
-          .el-icon-picture,
+          .el-icon-picture-outline,
-          .el-icon-video-camera-solid {
+          .el-icon-video-camera {
-            font-size: 14px;
-            margin-right: 8px;
-            align-items: center;
             color: #fff;
           }
         }