跳到主要内容
previewImg
图片预览用于在用户点击某个图片时，放大显示该图片的细节，通常在一个遮罩层上出现。图片预览可以让用户更清晰地查看图片的内容，例如商品、证件或照片。
用法
样式
可访问性

示例​

PCPhonePad

<page>
  <module>
    <module>
      <preview-img src='https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg' title='图片标题'
                     size='50px'></preview-img>
    </module>
    <module>
      <preview-img src='https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg' title='图片标题'
                     size='50px'></preview-img>
    </module>
  </module>
</page>
export default XPage({
    
});

Attributes​

参数说明类型可选值默认值端版本
title标题String----PC--
src封面图String----PC/Mobile--
size封面宽高String/Number--100pxPC--
data图片列表Array<{title: String, src: String}>----PC/Mobile--
tools预览功能Array['zoomOut', 'zoomIn', 'reset', 'rotate', 'download', 'print', 'fullScreen']['zoomOut', 'zoomIn', 'reset', 'rotate', 'download', 'print', 'fullScreen']PC/Mobile--

Event​

事件名称说明
open显示
close隐藏