zc

src/components/H5PlayerVideo/H5PlayerVideo.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="H5PlayerVideo">
     <div :id="videoData.id" :ref="videoData.id"></div>
-    <p class="full-screen-button" @click="fullScreen"></p>
+    <p class="el-icon-full-screen full-screen-button" @click="fullScreen"></p>
     <!--<p class="full-failed-button" v-if="fullScreenType" @click="outFullScreen"></p>-->
   </div>
 </template>
@@ -185,8 +185,9 @@
     }
     position: relative;
     .full-screen-button {
-      background: url("../../assets/icon_0.png");
-      background-size: 100%;
+      /*background: url("../../assets/icon_0.png");*/
+      /*background-size: 100%;*/
+      color:#fff;
       position: absolute;
       font-size: 20px;
       height: 30px;
@@ -198,5 +199,8 @@
       z-index: 1;
       cursor: pointer;
     }
+    .full-screen-button:hover{
+      color:#00b7ee;
+    }
   }
 </style>

src/components/LabStats/videoStats.vue

@@ -182,6 +182,8 @@
       display: inline-block!important;
       overflow: hidden!important;
       border-radius:4px!important;
+      height:280px!important;
+      width:470px!important;
     }
     .video-for-min-box:nth-child(1){
       margin:0 10px 0 0!important;
@@ -193,7 +195,7 @@
       margin:10px 10px 0 0!important;
     }
     .video-for-min-box:nth-child(4){
-      margin:10px 0 0 0!important;
+      /*margin:10px 0 0 0!important;*/
     }
   }
 </style>