uniapp点击图片放大预览

简介: uniapp点击图片放大预览
阐述
  • 有些时候我们在用uniapp显示图片时,有的不宜全部显示到屏幕上,uniapp提供了一个非常好用的api。

实现方式如下:

<template>
  <view class="content">
    <image class="logo" src="/static/images/a.png" @click="clickImg"></image>
  </view>
</template>
<script>
  export default {
    methods: {
      clickImg() {
        uni.previewImage({
          urls: ["/static/images/a.png"], //需要预览的图片http链接列表,多张的时候,url直接写在后面就行了
          current: '', // 当前显示图片的http链接,默认是第一个
          success: function(res) {},
          fail: function(res) {},
          complete: function(res) {},
        })
      },
    }
  }
</script>

效果

 

目录
相关文章
|
2天前
uniapp点击图片预览功能?
uniapp点击图片预览功能?
|
9月前
uniapp组件库uview1的u-button的问题,u-button多次点击只触发事件一次
uniapp组件库uview1的u-button的问题,u-button多次点击只触发事件一次
219 0
|
1天前
|
移动开发 JavaScript 小程序
uniapp中间加号点击弹窗怎么实现?完整教程
uniapp中间加号点击弹窗怎么实现?完整教程
uniapp中间加号点击弹窗怎么实现?完整教程
|
2天前
|
API
uniapp点击图片放大预览
uniapp点击图片放大预览
32 0
|
2天前
uniapp点击tabbar之前做判断
uniapp点击tabbar之前做判断
76 1
uniapp点击底部tabBar事件效果(整理)
uniapp点击底部tabBar事件效果(整理)
|
2天前
|
前端开发 JavaScript
uniapp四个元素点击那个哪个变色,其他的还变原来的颜色
uniapp四个元素点击那个哪个变色,其他的还变原来的颜色
96 0
|
6月前
|
前端开发 JavaScript
uniapp上传图片至服务器,获得在线图片链接预览(实战)
uniapp上传图片至服务器,获得在线图片链接预览(实战)
295 0
|
7月前
|
存储 JavaScript
uniapp数据点击的时候将数据存入同一个本地存储中并且最大限度5个
uniapp数据点击的时候将数据存入同一个本地存储中并且最大限度5个
101 0
|
7月前
|
小程序
【uniapp】视频分享预览小程序
【uniapp】视频分享预览小程序

热门文章

最新文章