vue-lazy-img-handle

1.0.14 • Public • Published

# Vue 图片懒加载

更新说明:

1.网络加载图片的过程中,可自定义开启/关闭是否显示随机占位颜色

2.可自定义图片懒加载过程中的占位颜色

3.可自定义占位图片,应对图片地址有误,或者由于网络原因导致图片加载失败的情况

4.优化图片请求次数,避免图片加载失败进入死循环

介绍:

很多第三方库都是只有移动端才有图片懒加载,PC端基本没有,所以决定自己封装一个方法供大家还有自己在项目中使用,希望能够帮助到大家!

使用说明:

1.入口文件main.js引入

import lazy from "vue-lazy-img-handle/index.js"


  Vue.use(lazy,{
        	waitColor:true,   //开启懒加载占位颜色
        	colorList:['red','green','blue'], //自定义占位颜色,需要传数组,也可以是16进制颜色,不传会默认使用指令自带的随机色
	failImg:'http://img3.imgtn.bdimg.com/it/u=2774391408,3578926483&fm=214&gp=0.jpg' //图片加载失败后的占位图片
        })

Readme

Keywords

none

Package Sidebar

Install

npm i vue-lazy-img-handle

Weekly Downloads

1

Version

1.0.14

License

ISC

Unpacked Size

4.59 kB

Total Files

3

Last publish

Collaborators

  • qizixiao