https://github.com/xd-tayde/wepy-preload-img

the preload image module of wepy.
https://github.com/xd-tayde/wepy-preload-img

Last synced: 3 months ago
JSON representation

the preload image module of wepy.

• Host: GitHub
• URL: https://github.com/xd-tayde/wepy-preload-img
• Owner: xd-tayde
• Created: 2018-04-26T07:46:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-11T07:05:36.000Z (over 6 years ago)
• Last Synced: 2024-07-27T23:34:14.030Z (3 months ago)
• Size: 1.95 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wepy - wepy-preload-image: 小程序图片加载组件

README

        
# wepy-preload-image -- 小程序图片加载组件

## 简介:

可用于图片的预加载， 类似于`web`上 `new` 一个 `Image` 对象进行加载；

主要用于加载线上的图片；

相比于`wx.previewImage`或者`wx.getImageInfo`, 其主要是用于 **确保图片已经加载进内存中**, 可用于控制 ：

1. `loading`的展示与隐藏；

2. 设置时可直接展示，不会看到图片片状加载；

## 更新：

## 使用姿势：

1. 引用:

`import MTPreload from 'wepy-preload-image'`;

2. 添加 `components`:

`components = { MTPreload }`; 

3. `template` 中使用:

```html

```

两种使用姿势:

1. 页面初始化时直接预加载:

```js

    // 通过 loadList 传入组件；

    data: {

        loadList: ['url1', 'urls'],

    }

```

2. js中使用:

```js

// url: 图片地址；

// String/Array

this.$invoke('./MTPreload', 'load', urlArray, data=>{

    console.log('加载成功', data);

    // data = {

    //     url : url，

    //     width: 图片宽度，

    //     height: 图片高度，

    // }

}, error => {

    console.log('加载失败');

});

```