zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(Loading): 消除loading组件及示例类型问题

This commit is contained in:
invalid w 2023-10-08 18:07:42 +08:00
parent ba5809669d
commit d84f6ef562
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Loading/src/Loading.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<section <section
class="full-loading" class="full-loading"
:class="{ absolute, [theme]: !!theme }" :class="{ absolute, [`${theme}`]: !!theme }"
:style="[background ? `background-color: ${background}` : '']" :style="[background ? `background-color: ${background}` : '']"
v-show="loading" v-show="loading"
> >

8
src/views/demo/comp/loading/index.vue
View File

@ -40,7 +40,13 @@
const wrapEl = ref<ElRef>(null); const wrapEl = ref<ElRef>(null);
const loadingRef = ref(false); const loadingRef = ref(false);
const compState = reactive({ const compState = reactive<{
absolute?: boolean;
loading?: boolean;
theme?: 'dark' | 'light';
background?: string;
tip?: string;
}>({
absolute: false, absolute: false,
loading: false, loading: false,
theme: 'dark', theme: 'dark',