This commit is contained in:
A1300399510
2023-08-02 17:20:11 +08:00
parent ea9bd43b14
commit 29882f84a2
4 changed files with 18 additions and 18 deletions

View File

@@ -1,16 +1,17 @@
<template>
<div class="watch-box" v-show="show">
<div class="pos-r dis-f al-item mg-t-60">
<div class="s-w-100">
<div class="s-w-100" style="">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index"
indicator-position="none" ref="carousel" @change="carouselChange">
<el-carousel-item v-for="(item, i) in list" :key="i">
<div class="dis-f jus-x al-item" v-if="item">
<div class="img-box dis-f jus-x" style="width:auto;" v-if="item['type'] != 'attachment'">
<video :autoplay="false" controls :src="item.url || item['videourl']"></video>
<video style="width: 666px;" :autoplay="false" controls :src="item.url || item['videourl']"></video>
</div>
<div class="img-box dis-f jus-x" v-else>
<img v-lazy="item && item.url || item['imageurl'] || item['image']" class="img" alt="">
<!-- <img v-lazy="item && item.url || item['imageurl'] || item['image']" class="img" alt=""> -->
<img src="item && item.url || item['imageurl'] || item['image']" class="img" alt="">
</div>
</div>
</el-carousel-item>
@@ -253,7 +254,7 @@ img {
}
.img-box {
width: 1200px;
/* width: 1200px; */
height: 600px;
border-radius: 10px;
overflow: hidden;

View File

@@ -82,11 +82,12 @@ const showPop = () => show.value = !show.value
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
height: 800px;
height: calc(100% - 100px);
background: #fff;
border-radius: 20px;
padding: 20px;
max-width: 90vw;
// max-height: 85vh;
.close {
display: block;