开发平台api
This commit is contained in:
10
src/config/index.ts
Normal file
10
src/config/index.ts
Normal file
@@ -0,0 +1,10 @@
|
||||
// ? 全局默认配置项
|
||||
|
||||
// 首页地址(默认)
|
||||
export const HOME_URL: string = "/index";
|
||||
|
||||
// 默认主题颜色 rgba(65, 120, 213, 1) 009688
|
||||
export const DEFAULT_PRIMARY: string = "#4178D5";
|
||||
|
||||
// 路由白名单地址(必须是本地存在的路由 staticRouter.ts 中)
|
||||
export const ROUTER_WHITE_LIST: string[] = ["/500"];
|
||||
12
src/config/nprogress.ts
Normal file
12
src/config/nprogress.ts
Normal file
@@ -0,0 +1,12 @@
|
||||
import NProgress from "nprogress";
|
||||
import "nprogress/nprogress.css";
|
||||
|
||||
NProgress.configure({
|
||||
easing: "ease", // 动画方式
|
||||
speed: 500, // 递增进度条的速度
|
||||
showSpinner: true, // 是否显示加载ico
|
||||
trickleSpeed: 200, // 自动递增间隔
|
||||
minimum: 0.3 // 初始化时的最小百分比
|
||||
});
|
||||
|
||||
export default NProgress;
|
||||
19
src/config/piniaPersist.ts
Normal file
19
src/config/piniaPersist.ts
Normal file
@@ -0,0 +1,19 @@
|
||||
import { PersistedStateOptions } from "pinia-plugin-persistedstate";
|
||||
|
||||
/**
|
||||
* @description pinia 持久化参数配置
|
||||
* @param {String} key 存储到持久化的 name
|
||||
* @param {Array} paths 需要持久化的 state name
|
||||
* @return persist
|
||||
* */
|
||||
const piniaPersistConfig = (key: string, paths?: string[]) => {
|
||||
const persist: PersistedStateOptions = {
|
||||
key,
|
||||
storage: localStorage,
|
||||
// storage: sessionStorage,
|
||||
paths
|
||||
};
|
||||
return persist;
|
||||
};
|
||||
|
||||
export default piniaPersistConfig;
|
||||
45
src/config/serviceLoading.ts
Normal file
45
src/config/serviceLoading.ts
Normal file
@@ -0,0 +1,45 @@
|
||||
import { ElLoading } from "element-plus";
|
||||
|
||||
/* 全局请求 loading */
|
||||
let loadingInstance: ReturnType<typeof ElLoading.service>;
|
||||
|
||||
/**
|
||||
* @description 开启 Loading
|
||||
* */
|
||||
const startLoading = () => {
|
||||
loadingInstance = ElLoading.service({
|
||||
fullscreen: true,
|
||||
lock: true,
|
||||
text: "Loading",
|
||||
background: "rgba(0, 0, 0, 0.7)"
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* @description 结束 Loading
|
||||
* */
|
||||
export const endLoading = () => {
|
||||
loadingInstance.close();
|
||||
};
|
||||
|
||||
/**
|
||||
* @description 显示全屏加载
|
||||
* */
|
||||
let needLoadingRequestCount = 0;
|
||||
export const showFullScreenLoading = () => {
|
||||
if (needLoadingRequestCount === 0) {
|
||||
startLoading();
|
||||
}
|
||||
needLoadingRequestCount++;
|
||||
};
|
||||
|
||||
/**
|
||||
* @description 隐藏全屏加载
|
||||
* */
|
||||
export const tryHideFullScreenLoading = () => {
|
||||
if (needLoadingRequestCount <= 0) return;
|
||||
needLoadingRequestCount--;
|
||||
if (needLoadingRequestCount === 0) {
|
||||
endLoading();
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user