uniapp H5页面 点击图片放大预览

阐述

  • 有些时候我们在使用uniapp封装H5页面,有些图片太大了,不宜全部显示到屏幕上,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>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zxh7770/article/details/124538976