Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-27 05:49:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 一些代码调整

Browse Source
This commit is contained in:
目棃
2024-12-06 14:36:30 +08:00
parent f4678be198
commit dd65bb565d
32 changed files with 401 additions and 589 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/func/loading.vue
View File

@@ -23,7 +23,7 @@
</transition>
</template>
<script lang="ts" setup>
import { reactive, ref, watch, onMounted, toRaw } from "vue";
import { ref, watch, onMounted, toRaw } from "vue";
import { LoadingParams } from "./loading.js";
@@ -32,7 +32,7 @@ const showOuter = ref<boolean>(false);
const showInner = ref<boolean>(false);
const props = defineProps<LoadingParams>();
const data = reactive<LoadingParams>(toRaw(props));
const data = ref<LoadingParams>(toRaw(props));
watch(
() => showBox.value,
@@ -53,15 +53,15 @@ function displayBox(params: LoadingParams): void {
if (!params.show) {
showBox.value = false;
setTimeout(() => {
data.title = "";
data.subtitle = "";
data.empty = false;
data.value.title = "";
data.value.subtitle = "";
data.value.empty = false;
}, 500);
return;
}
data.title = params.title;
data.subtitle = params.subtitle;
data.empty = params.empty;
data.value.title = params.title;
data.value.subtitle = params.subtitle;
data.value.empty = params.empty;
showBox.value = true;
}
@@ -180,7 +180,6 @@ defineExpose({ displayBox });
.loading-circle > div {
position: relative;
box-sizing: border-box;
box-sizing: border-box;
}
.loading-circle {