加載層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()`移除加載動畫。