背景
最近项目中有这样以后各需求,小程序原生实现图片放大或缩小功能
<template>
<view class="loadImagePage">
<view class="loadImage-content">
<image class="image" :src="data.imageUrl" mode="widthFix" @tap.stop="clickImg"></image>
</view>
</view>
</template>
const clickImg = () => {
var imgUrl = data.imageUrl;
Taro.previewImage({
urls: [imgUrl], //需要预览的图片http链接列表,注意是数组
success: function (res) {
console.log(res);
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
console.log(res);
},
});
};