美文网首页
uni长图缩放,放大,阅览

uni长图缩放,放大,阅览

作者: 贺大大i | 来源:发表于2022-07-21 16:13 被阅读0次

    甲方有个需要求是上传的长图要能放大缩小,然后在网上看下采用了<movable-area>容器,结果图片不能上下滑动,经过调动样式也不行,后来采用了 uni.previewImage()

      单图片
      <image
          style="width: 100%;"
          :src="imgUrl"
          mode="widthFix"
          @click="openImage"
        ></image>
    
    
         openImage() {
            let arr = []
            arr.push(图片链接)
            uni.previewImage({
              urls: arr,
              current: '', 
            })
          },
          
          
    

    多图的话arr放数组就可

      <image
          style="width: 100%;"
          :src="imgUrl"
          mode="widthFix"
          @click="openImagePig(image)"
        ></image>
    
    
         openImagePig() {
           let arr = [图片链接, 图片链接]
            uni.previewImage({
              urls: arr,
              current: '', // 当前显示图片的http链接,默认是第一个
            })
          },
          
    

    相关文章

      网友评论

          本文标题:uni长图缩放,放大,阅览

          本文链接:https://www.haomeiwen.com/subject/uquuirtx.html