加载层loading · EasyWeb开发文档3

# 加载层loading ## 3.3.加载层loading **按钮loading：** ~~~ admin.btnLoading('#btn1'); // 设置按钮为loading状态 admin.btnLoading('#btn1', false); // 移除按钮的loading状态 admin.btnLoading('#btn1', ' 保存...'); // 设置按钮为loading状态，同时修改按钮文字 ~~~ **页面加载层：** ~~~ admin.showLoading('#xxx'); // 在id为xxx的元素中显示加载层 admin.showLoading('#xxx', 1, '.8'); // 显示type为1、透明度为0.8的遮罩层 // 尺寸控制，提供有两种尺寸，默认是sm小型尺寸，还可以选md大型尺寸 admin.showLoading({ elem: '#xxx', type: 1, size: 'sm' }); ~~~ * 参数一`elem` 非必填元素选择器，不填为body * 参数二`type` 非必填动画类型(1 小球，2 魔方，3信号，4简约)，默认1 * 参数三`opacity`非必填透明度(0 - 1)，默认不透明 * 参数四`size` 非必填尺寸，默认sm 移除加载动画： ~~~ admin.removeLoading('#xxx'); admin.removeLoading('#xxx', true, true); ~~~ * 参数一非必填元素选择器，不填为body * 参数二非必填 true是淡出效果，false直接隐藏，默认是true * 参数三非必填 true是删除，false是隐藏不删除，默认是false **页面载入的加载动画：** ~~~ <body class="page-no-scroll">   <div class="page-loading"> <div class="ball-loader"> <span></span><span></span><span></span><span></span> </div> </div>  <div class="page-loading"> <div class="rubik-loader"></div> </div>  <div class="page-loading"> <div class="signal-loader"> <span></span><span></span><span></span><span></span> </div> </div>  <div class="page-loading"> <div class="layui-loader"> <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i> </div> </div>  <div class="page-loading"> <div class="signal-loader sm"> <span></span><span></span><span></span><span></span> </div> </div> </body> ~~~ 写在页面中需要在js中调用`admin.removeLoading()`移除加载动画。