向用户展示图片时,为了展现布局的美观性,往往不同尺寸的图片要放在相同大小的容器中。
但是图片想让用户看清、或者保存时,我们就要进行图片的预览,像用户展示原图。
图片预览接口:wx.previewImage(Object object, boolean showmenu)。在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
首先,我在百度找几张图片放在data里边待用
这里要用数组,因为这个接口的运行方式是在图片列表中显示其中的某一个图片,列表是数组格式。
然后,在wxml里边把图片数组遍历显示出来:
<view wx:for="{
{pic}}" wx:key="key">
<image src="{
{item}}" style="width:100%;" mode='aspectFill'>image>
view>