|
@@ -1,7 +1,10 @@
|
|
|
<template>
|
|
<template>
|
|
|
<popup v-if="ifShow">
|
|
<popup v-if="ifShow">
|
|
|
<div class="preview-wrapper">
|
|
<div class="preview-wrapper">
|
|
|
- <div class="title">{{title}}</div>
|
|
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <i class="iconfont icon-material_video title-icon"/>
|
|
|
|
|
+ {{title}}
|
|
|
|
|
+ </div>
|
|
|
<img class="close-btn" :src="require('@/assets/images/icons/material_preview_close@2x.png')" @click=onClickClose />
|
|
<img class="close-btn" :src="require('@/assets/images/icons/material_preview_close@2x.png')" @click=onClickClose />
|
|
|
<video class="video" controls controlslist="nodownload noremoteplayback noplaybackrate" disablePictureInPicture autoplay :src="videoSrc"></video>
|
|
<video class="video" controls controlslist="nodownload noremoteplayback noplaybackrate" disablePictureInPicture autoplay :src="videoSrc"></video>
|
|
|
</div>
|
|
</div>
|
|
@@ -66,6 +69,9 @@ export default {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
padding-left: 16px;
|
|
padding-left: 16px;
|
|
|
padding-right: 16px;
|
|
padding-right: 16px;
|
|
|
|
|
+ .title-icon {
|
|
|
|
|
+ margin-right: 6px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.close-btn {
|
|
.close-btn {
|
|
|
position: absolute;
|
|
position: absolute;
|