vue-preview
vue-preview copied to clipboard
这个插件怎么让图片自适应?
我想要一个类似于微博里面点击放大图片的效果,那个预览时的大图高是自适应的,不用自己设置的,怎么弄?还有这插件支持rem单位吗?
目前不能自适应,要自己去想办法
@churjan
<div v-if="verContent.feed.media==='images'" @click="previewImages" ref="images">
<vue-preview :slides="verContent.feed.images" @close="handleClose"></vue-preview>
</div>
previewImages: function(event) {
this.$nextTick(() => {
let imgs = document.querySelectorAll('.my-gallery a img')
let images = []
console.log(imgs)
imgs.forEach(imgTag => {
images.push([imgTag.naturalWidth, imgTag.naturalHeight])
})
console.log(images)
let as = document.querySelectorAll('.my-gallery a')
as.forEach((aTag, index) => {
aTag.setAttribute(
'data-size',
`${images[index][0]}x${images[index][1]}`
)
})
})
},
第一次打开没有高度