vue-preview icon indicating copy to clipboard operation
vue-preview copied to clipboard

这个插件怎么让图片自适应?

Open churjan opened this issue 6 years ago • 3 comments

我想要一个类似于微博里面点击放大图片的效果,那个预览时的大图高是自适应的,不用自己设置的,怎么弄?还有这插件支持rem单位吗?

churjan avatar Apr 18 '18 07:04 churjan

目前不能自适应,要自己去想办法

wrysmile7 avatar May 21 '18 01:05 wrysmile7

@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]}`
          )
        })
      })
    },

leekafai avatar Jun 25 '18 05:06 leekafai

第一次打开没有高度

guxuehua avatar Aug 10 '18 03:08 guxuehua