方法一: image组件 + show-menu-by-longpress属性

该方法存在兼容性,微信基础库2.7.0+

<view :class="'qrcode-layer '+(isOpenQrcode?'show':'hide')">
  <view class="title">长按识别公众号</view>
  <image :src="siteinfo.webchat_qrcode" mode="widthFix" show-menu-by-longpress></image>
</view>

方法二:wx.previewImage

由于是全屏预览模式,所以无法设置图片尺寸和去掉大面积黑色。
因此该方法不能自定义显示页面,不支持本地路径展示

wx.previewImage({
current: '', // 当前显示图片的 http 链接
urls: [] // 需要预览的图片 http 链接列表
})

作者 admin

百度广告效果展示