加载层loading · EasyWeb开发文档

## 3.3.加载层loading **按钮loading：** ```javascript admin.btnLoading('#btn1'); // 设置按钮为loading状态 admin.btnLoading('#btn1', false); // 移除按钮的loading状态 admin.btnLoading('#btn1', ' 保存...'); // 设置按钮为loading状态，同时修改按钮文字 ``` **页面加载层：** ```javascript 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` &emsp;非必填&emsp;元素选择器，不填为body - 参数二 `type` &emsp;非必填&emsp;动画类型(1 小球，2 魔方，3信号，4简约)，默认1 - 参数三 `opacity`非必填&emsp;透明度(0 - 1)，默认不透明 - 参数四 `size`&emsp; 非必填 &emsp;尺寸，默认sm 移除加载动画： ```javascript admin.removeLoading('#xxx'); admin.removeLoading('#xxx', true, true); ``` - 参数一 &emsp;非必填&emsp;元素选择器，不填为body - 参数二 &emsp;非必填&emsp;true是淡出效果，false直接隐藏，默认是true - 参数三 &emsp;非必填&emsp;true是删除，false是隐藏不删除，默认是false **页面载入的加载动画：** ```html <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()`移除加载动画。 <br/>