1.1.22 • Published 1 year ago

preview-enlarge v1.1.22

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago
目前支持下方两种使用方式
* 项目引入了 Iconify 图标库
import Enlarge, { Events } from 'preview-enlarge';
// 1. 图片预览初始化配置
const preview = Enlarge.ImagePreview(ImageConfig)
// 2. 调用 render 方法渲染图片
preview.render()
// 1. 其他组件放大预览
const preview = Enlarge.AnyPreview(AnyConfig)
// 2. 调用 render 方法手动触发放大逻辑
preview.render()
class Enlarge {
  // 添加全局配置
  static setGlobalConfig();
}
// 全局事件
class Events {
  // 事件名称
  static startAnimationend = 'startAnimationend';
  static startEnd = 'startEnd';
  static closeAnimationend = 'closeAnimationend';
  static closeEnd = 'closeEnd';
  
  // 注册事件
  addEvent(name, cb);
  // 关闭事件
  removeEvent(name, cb);
  // 触发事件
  touchEvent(name);
}

ImageConfig

属性类型描述默认值
containerstring标签选择器/
dataarray图片列表,{ src: '', dataSrc?: '' }[]
sourceSrcstring用于设置原图路径的key'dataSrc'
propsobject图片标签的属性

AnyConfig

属性类型描述默认值
elElement绑定的预览dom对象null

Common

属性类型描述默认值
maskCloseboolean是否开启点击遮罩关闭true
targetRectobject目标对象的任意位置大小属性, 图片模式下无效{}
1.1.22

1 year ago

1.1.21

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.3

1 year ago

1.0.0

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago