uni长图缩放,放大,阅览

甲方有个需要求是上传的长图要能放大缩小,然后在网上看下采用了<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链接,默认是第一个
        })
      },
      
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容