Album 媒体相册
一般用于展示视频和图片等媒体的预览。
TIP
该弹出层支持 Promise 风格 调用,具体可以查看 等待弹出层关闭。
基础使用
调用 album 方法并传入必填选项 sources 即可展示媒体相册,全屏显示。
sources 是一个类型为 Array<string> 的媒体资源列表。
设置默认索引
可以通过 defaultIndex 选项来设置默认选中的索引。
禁用计数器
可以通过 disableCounter 选项来禁用计数器。
禁用名称
可以通过 disableName 选项来禁用名称。
禁用纯净预览
可以通过 disablePure 选项来禁用纯净预览。
禁用下载
可以通过 disableDownload 选项来禁用下载。
TIP
下载功能仅在资源地址 支持跨域 时生效。
禁用缩放
可以通过 disableScale 选项来禁用缩放。
禁用拖拽
可以通过 disableDrag 选项来禁用拖拽。
启用高斯模糊遮罩层 1.3.0+
如果需要提升用户对弹出层的关注度,可以通过 maskBlur 选项来启用遮罩层的高斯模糊效果。
WARNING
启用高斯模糊遮罩层,对浏览器的渲染性能有一定要求,具体取决于设备性能,请根据实际情况选择是否启用。
等待弹出层关闭
该方法返回一个 Promise<void> 对象,当弹出层关闭后,会执行 resolve 方法,因此你可以通过 await 来等待弹出层关闭。
详细配置
具体可以参考 预置插件 API - Album 媒体相册。