修改
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user