- 需要文件
mui.previewimage.js
mui.zoom.js
mui.zoom.css - 在需要预览的img标签加上
data-preview-src="" data-preview-group=“1”
也就是这样子:
<div class="QRcode">
<div>
<img id="img1" data-preview-src="" data-preview-group="1" src="" />
<p>扫一扫加我好友</p>
</div>
<div>
<img id="img2" data-preview-src="" data-preview-group="1" src="" />
<p>扫一扫向我付款</p>
</div>
</div>
注意:
需要加入以下js代码
mui.previewImage();
mui.plusReady(function() {
})
以上就完成了mui的图片预览功能。
下载文件
提取码:8sy7