-

loading上传下载图标

  layui扩展介绍  layui组件扩展。目前只有bindLoading组件。 做这个加载状态组件的原因是在工作中经常使用echarts做一些比较装杯的页面给投资人看,使用layer原生的加载层是全局的影响使用体验,能展示各个布局模块的

  layui扩展介绍

  layui组件扩展。目前只有bindLoading组件。 做这个加载状态组件的原因是在工作中经常使用echarts做一些比较装杯的页面给投资人看,使用layer原生的加载层是全局的影响使用体验,能展示各个布局模块的加载状态在使用体验上面就比较好一点,并且layer原生的每次使用都要改索性自己就写一个工具模块。由于没有美术细胞所以就乱做了一些上传下载的gif,反正意思大家都理解了,希望有艺术细胞的能做些美观的加载gif更新上来。

  软件架构

  模仿layer的加载层做了一点改变封装一下就OK了。兼容ie8。

  使用说明

loading上传下载图标

  主要方法loading(elem,options)。

  elem:容器id。

  options对象:

  type:加载类型。前3个跟官方一致.自己加了上传,下载,成功,失败状态类型(自己做的gif和图片,有点丑,有好的资源可以替换)分别对应数字3、4、5、6。

  times:加载时间后自动关闭,默认无限循环。

  zindex:loading层级。

  point:提示文本对象。

  point.show:默认false;

  point.conent:提示文本,默认“加载中”。

  point.style:string类型,自定义样式。如:"color: blue;font-size: smaller"。

  关闭loading

  关闭当前close(elem)

  关闭所有closeAll()

效果预览:loading上传下载图标代码demo演示

下载地址:loading上传下载图标下载
通过上面的阅读,也许你已大致了解如何使用 《loading上传下载图标》 了,不过你可能还需要继续阅读后面的文档,尤其是「基础说明」。
那么,欢迎你开始拥抱 layui!愿它能成为你得心应手的 Web 界面解决方案,化作你方寸屏幕前的亿万字节!

layui - 在每一个细节中,用心与你沟通