阐述
- 有些时候我们在用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>
效果