XiaoMo/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
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> <template>
<div class="watch-box" v-show="show"> <div class="watch-box" v-show="show">
<div class="pos-r dis-f al-item mg-t-60"> <div class="pos-r dis-f al-item jus-x mg-t-60">
<div class="s-w-100"> <div class="carousel-w">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index" <el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index"
indicator-position="none" ref="carousel" @change="carouselChange"> indicator-position="none" ref="carousel" @change="carouselChange">
<el-carousel-item v-for="(item, i) in list" :key="i"> <el-carousel-item v-for="(item, i) in list" :key="i">
<div class="dis-f jus-x al-item" v-if="item"> <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'"> <div class="img-box dis-f jus-x" v-if="item['type'] != 'attachment'">
<video :autoplay="false" controls :src="item.url || item['videourl']"></video> <video :autoplay="false" controls :src="item.url || item['videourl']" style="width:800px;"></video>
</div> </div>
<div class="img-box dis-f jus-x" v-else> <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="">
@@ -171,6 +171,9 @@ img {
.select-box { .select-box {
border: 1px solid #50e3c2 !important; border: 1px solid #50e3c2 !important;
} }
.carousel-w{
min-width:800px;
}
.watch-box { .watch-box {
width: 100%; width: 100%;
@@ -253,12 +256,13 @@ img {
} }
.img-box { .img-box {
width: 1200px; width: 800px;
height: 600px; height: 600px;
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
.img { .img {
width: 800px;
height: 600px; height: 600px;
} }
} }