layui -- loading实现加载中效果

1、layer.msglayer.msg('Loading...', {icon: 16, shade: 0.01, time: 5000});2、弹出遮罩层显示加载中var loading = layer.load('Loading...', {shade: [0.1,'#fff'] //0.1透明度的白色背景});setTimeout(function (data) {//最后数据加载完让

BlizzardWu

5787人浏览 · 2022-05-24 10:45:26

BlizzardWu · 2022-05-24 10:45:26 发布

1、layer.msg

layer.msg('Loading...', {
  icon: 16
  , shade: 0.01
  , time: 5000
});

2、弹出遮罩层显示加载中

var loading = layer.load('Loading...', {
  shade: [0.1,'#fff'] //0.1透明度的白色背景
});
setTimeout(function (data) {
  //最后数据加载完 让 loading层消失
  layer.close(loading);
}, 5000);

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport