gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改查看图片轮播组件宽度

Browse Source
This commit is contained in:
luJianJun 2023-08-02 17:19:33 +08:00
parent ea9bd43b14
commit 92a2435291
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/detail/imageWatch.vue
View File

@ -1,13 +1,13 @@
<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="pos-r dis-f al-item jus-x mg-t-60">
<div class="carousel-w">
<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>
<div class="img-box dis-f jus-x" v-if="item['type'] != 'attachment'">
<video :autoplay="false" controls :src="item.url || item['videourl']" style="width:800px;"></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="">
@ -171,6 +171,9 @@ img {
.select-box {
border: 1px solid #50e3c2 !important;
}
.carousel-w{
min-width:800px;
}
.watch-box {
width: 100%;
@ -253,12 +256,13 @@ img {
}
.img-box {
width: 1200px;
width: 800px;
height: 600px;
border-radius: 10px;
overflow: hidden;
.img {
width: 800px;
height: 600px;
}
}