MUI图片预览功能
web端开发和手机app经常需要用到图片预览功能。
点击缩略图，显示大图列表。
实现效果：
实现代码：
html:
<div class="mui-content-padded">
<p>这是图片放大预览示例，点击如下图片体验全屏预览功能</p>
<p>
<img src="../images/yuantiao.jpg" data-preview-src="" data-preview-group="1" />
</p>
<p>图片全屏后，双击或双指缩放均可对图片进行放大、缩小操作，左右滑动可查看同组(data-preview-group相同的图片为一组)其它图片，点击会关闭预览</p>
<p>
<img src="../images/muwu.jpg" data-preview-src="" data-preview-group="1" />
</p>
<p>第三张图片，纯粹为了占位： </p>
<p>
<img src="../images/shuijiao.jpg" data-preview-src="" data-preview-group="1" />
</p>