XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2023-07-27 15:12:14 +08:00
parent 570849c02f
commit bee5f42a99
3 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,8 +9,9 @@
<img :src="item && item.url || item['imageurl'] || item['image']" class="img" alt="">
</div>
<div class="img-box dis-f jus-x" style="width:600px" v-if="!item.thumbnail">
<source :src="item && item.url || item['videourl']" class="img" style="width:600px"
type="video/mp4">
<!-- <source :src="item && item.url || item['videourl']" class="img" style="width:600px" -->
<!-- type="video/mp4"> -->
<video autoplay controls :src="item.url"></video>
</div>
</div>
</el-carousel-item>
@@ -26,12 +27,12 @@
<div class="list-img-box dis-f al-item jus-x">
<div v-for="(item, i) in list" :key="i" @click="watchSet(i)" class="pos-r">
<div class="voide" :class="{ 'select-box': imageTab === i }" v-if="!item.thumbnail">
<div class="icon-box dis-f jus-x al-item" :class="{'bor-r-8':imageTab === i}">
<div class="icon-box dis-f jus-x al-item" :class="{ 'bor-r-8': imageTab === i }">
<img src="../../assets/img/detail/videoStop.svg" class="icon" alt="">
</div>
</div>
<div class="img-box-s dis-f jus-x"
:class="[{ 'select-box': imageTab === i&&item.thumbnail }, { 'voide-img': !item.thumbnail }]">
:class="[{ 'select-box': imageTab === i && item.thumbnail }, { 'voide-img': !item.thumbnail }]">
<img :src="item.thumbnail || item.image" alt="" class="img-s" style="object-fit: cover;">
</div>
</div>
@@ -62,6 +63,11 @@ const props = defineProps({
}
})
setTimeout(() => {
console.log("list", props.list);
}, 1000);
let show = props.show
let list = ref([])
let close = props.close
@@ -222,8 +228,9 @@ img {
position: absolute;
top: 0;
left: 0;
.bor-r-8{
border-radius:8px !important;
.bor-r-8 {
border-radius: 8px !important;
}
.icon-box {
@@ -256,5 +263,6 @@ img {
::-webkit-scrollbar {
display: none;
}</style>
}
</style>