2.1.3 • Published 5 years ago
miniprogram-image v2.1.3
miniprogram-image
the miniprogram image component for large picture.
- UX
- 模糊缩略图
- 错误重试
- 动画
- loading
- 淡入
- API
- 全局 LoggerHandler
- onLoad
- onError
- 全局 LoggerHandler
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
2.1.3
5 years ago
2.1.2
5 years ago
2.1.0
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.9.1
5 years ago
1.9.0
5 years ago
1.8.1
5 years ago
1.8.0
5 years ago
1.7.1
5 years ago
1.7.0
5 years ago
1.6.2
5 years ago
1.6.1
5 years ago
1.6.0
5 years ago
1.5.1
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.1
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.1.0
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago