A better miniprogram image com

miniprogram-image

the miniprogram image component for large picture.

UX 模糊缩略图 错误重试 动画 loading 淡入 API 全局 LoggerHandler onLoad onError install

npm i miniprogram-image -S

{ "usingComponents": { "img": "miniprogram-image" } } usage 使用组件

<img src="高清大图.jpg" data-thumb="缩略图或者本地默认图片.jpg, 无则使用loading动画" data-retry="{{1,出错重试次数,默认1次}}" data-lazy="{{true}}" show-menu-by-longpress="{{false}}" mode="scaleToFill" bind:fail="onFail" bind:update="onUpdate" height="高度" /> 全局配置

import config from "miniprogram-image/config"; config.retry = 5; //全局默认重试次数,若组件中设置则优先使用组件设置 config.onError = (event, url) => {}; // 出错回调LoggerHandler config.onLoad = (event, url) => {}; // 成功加载LoggerHandler examples

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。