Просмотр исходного кода

提交 直播详情样式修改

1
mo 3 лет назад
Родитель
Сommit
349306aad6
1 измененных файлов с 10 добавлено и 0 удалено
  1. 10 0
      src/views/liveClassManager/liveClassDetail.vue

+ 10 - 0
src/views/liveClassManager/liveClassDetail.vue

@@ -125,6 +125,8 @@
           @click="opneVideo(item)"
           @click="opneVideo(item)"
         >
         >
           <video width="110px" :src="item.url"></video>
           <video width="110px" :src="item.url"></video>
+          <i class="el-icon-video-play linkIcon"></i
+          >
           <p :underline="false" type="text" class="lineTitle">
           <p :underline="false" type="text" class="lineTitle">
             {{ item.endTime | dateForMinFormat }}
             {{ item.endTime | dateForMinFormat }}
           </p>
           </p>
@@ -313,6 +315,7 @@ export default {
     flex-direction: column;
     flex-direction: column;
     align-items: center;
     align-items: center;
     cursor: pointer;
     cursor: pointer;
+    position: relative;
     &:hover {
     &:hover {
       color: var(--color-primary);
       color: var(--color-primary);
       .lineTitle{
       .lineTitle{
@@ -320,6 +323,13 @@ export default {
          font-weight: bold;
          font-weight: bold;
       }
       }
     }
     }
+    .linkIcon {
+      font-size: 25px;
+      position: absolute;
+      top: 30px;
+      color: #fff;
+
+    }
   }
   }
   .lineTitle {
   .lineTitle {
     height: 40px;
     height: 40px;