ui

src/App.vue

@@ -9,7 +9,6 @@
 </template>
 
 <style lang="scss">
-
 //移除添加按钮的颜色
 .addorbottom {
   border: none;
@@ -67,4 +66,11 @@
   margin: 0;
   padding: 0;
 }
+.boxStyle {
+  font-size: 30px;
+  .el-loading-spinner .el-loading-text {
+    font-size: 18px;
+    margin-top: 10px;
+  }
+}
 </style>

src/api/api.js

@@ -3,99 +3,100 @@ import mm from "@/utlis/mm";
 import { Loading } from 'element-ui';
 
 export async function getapi(url, params = {}, config) {
-  return new Promise((resolve, reject) => {
-    let loading = Loading.service({
-      lock: true,
-      fontSize:"24px",
-      text: "Loading...",
-      spinner: "el-icon-loading",
-      background: "rgba(0, 0, 0, 0)",
+    return new Promise((resolve, reject) => {
+        let loading = Loading.service({
+            lock: true,
+            text: "正在加载中，请稍后",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0)",
+            customClass: "boxStyle"
+        });
+        request
+            .get(`${mm.apiurl}${url}`, {
+                params: params,
+                ...config,
+            })
+            .then((res) => {
+                resolve(res);
+            })
+            .catch((err) => {
+                reject(err.data);
+            })
+            .finally(() => {
+                loading.close();
+            });
     });
-    request
-      .get(`${mm.apiurl}${url}`, {
-        params: params,
-        ...config,
-      })
-      .then((res) => {
-        resolve(res);
-      })
-      .catch((err) => {
-        reject(err.data);
-      })
-      .finally(() => {
-        loading.close();
-      });
-  });
 }
 
 //axios封装post
 export async function postapi(url, paramsdata = {}, config) {
-  return new Promise((resolve, reject) => {
-    let loading = Loading.service({
-      lock: true,
-      text: "Loading...",
-      spinner: "el-icon-loading",
-      background: "rgba(0, 0, 0, 0)",
+    return new Promise((resolve, reject) => {
+        let loading = Loading.service({
+            lock: true,
+            text: "正在加载中，请稍后",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0)",
+            customClass: "boxStyle"
+        });
+        request
+            .post(`${mm.apiurl}${url}`, paramsdata, config)
+            .then((res) => {
+                resolve(res);
+            })
+            .catch((err) => {
+                reject(err.data);
+            })
+            .finally(() => {
+                loading.close();
+            });
     });
-    request
-      .post(`${mm.apiurl}${url}`, paramsdata, config)
-      .then((res) => {
-        resolve(res);
-      })
-      .catch((err) => {
-        reject(err.data);
-      })
-      .finally(() => {
-        loading.close();
-      });
-  });
 }
 //axios封装deleteapi
 export async function deletapi(url, params = {}, config) {
-  return new Promise((resolve, reject) => {
-    let loading = Loading.service({
-      lock: true,
-      text: "Loading...",
-      spinner: "el-icon-loading",
-      background: "rgba(0, 0, 0, 0)",
+    return new Promise((resolve, reject) => {
+        let loading = Loading.service({
+            lock: true,
+            text: "正在加载中，请稍后",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0)",
+            customClass: "boxStyle"
+        });
+        request
+            .delete(`${mm.apiurl}${url}`, {
+                params: params,
+                ...config,
+            })
+            .then((res) => {
+                resolve(res);
+            })
+            .catch((err) => {
+                reject(err.data);
+            })
+            .finally(() => {
+                loading.close();
+            });
     });
-    request
-      .delete(`${mm.apiurl}${url}`, {
-        params: params,
-        ...config,
-      })
-      .then((res) => {
-        resolve(res);
-      })
-      .catch((err) => {
-        reject(err.data);
-      })
-      .finally(() => {
-        loading.close();
-      });
-  });
 }
 //axios封装Put方法
 export async function putapi(url, params = {}, config) {
-  return new Promise((resolve, reject) => {
-    let loading = Loading.service({
-      lock: true,
-      text: "Loading...",
-      spinner: "el-icon-loading",
-      background: "rgba(0, 0, 0, 0)",
+    return new Promise((resolve, reject) => {
+        let loading = Loading.service({
+            lock: true,
+            text: "正在加载中，请稍后",
+            spinner: "el-icon-loading",
+            background: "rgba(0, 0, 0, 0)",
+            customClass: "boxStyle"
+        });
+        request
+            .put(`${mm.apiurl}${url}`, params, config)
+            .then((res) => {
+                resolve(res);
+            })
+            .catch((err) => {
+                reject(err.data);
+            })
+            .finally(() => {
+                loading.close();
+            });
     });
-    request
-      .put(`${mm.apiurl}${url}`, params, config)
-      .then((res) => {
-        resolve(res);
-      })
-      .catch((err) => {
-        reject(err.data);
-      })
-      .finally(() => {
-        loading.close();
-      });
-  });
-}
-
-
+}