zt-fitted-image
v1.1.1
Published
<span><img src="https://img.shields.io/npm/dt/zt-fitted-image.svg" alt="Total Downloads"></span> <span><img src="https://img.shields.io/npm/v/zt-fitted-image.svg" alt="Latest Release"></span> <span><img src="https://img.shields.io/npm/l/zt-fitted-image.sv
Downloads
3
Readme
ZtFittedImage
微信环境已适配√ 图片预览非微信环境采用viewerjs查看,微信环境采用wx.previewImage预览
Install
npm i zt-fitted-image
Properties
| 字段 | 类别 | 介绍 | 默认值 | 必填 | | ------------ | ----------------- | ----------------------------------------------------------------------- | ------------- | -------- | | background | number | 是否使用background渲染方式 | 0 | 否 | | className | string | 图片dom的classname | _ | 否 | | outClassName | string | 组件外部dom的classname | _ | 否 | | fit | string | 图片fit值,可以是 "auto", "contain" 或 "cover" | "auto" | 否 | | onLoad | function | 图片加载成功回调 | _ | 否 | | onError | function | 图片加载失败回调 | _ | 否 | | src | string | 图片渲染地址 | _ | 是 | | style | object | 图片dom的style | {} | 否 | | preview | number | 是否可以预览(1:可以,0:不可以) | 1 | 否 | | previewarr | array<string> | 预览图片数组 | [] | 否 | | index | number | 预览图片序号 | 0 | 否 | | allowdelete | number | 允许删除(1:可以,0:不可以) | 1 | 否 | | onDelete | function | 图片删除回调(src, index) | _ | 否 |