aidlab/Aida_Purchaser_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
李志鹏
2026-04-21 16:23:32 +08:00
parent e16c551f4e
commit 5da88beaf1
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@@ -1,8 +1,6 @@
<template> <template>
<main-header /> <main-header />
<div class="view" ref="viewRef" :style="{ '--app-view-height': viewHeight + 'px' }"> <div class="view" ref="viewRef" :style="viewStyle"><RouteCache /></div>
<RouteCache />
</div>
<login-dialog /> <login-dialog />
<div id="loading" v-if="loading" v-loading="true"></div> <div id="loading" v-if="loading" v-loading="true"></div>
</template> </template>
@@ -16,10 +14,14 @@
const globalStore = useGlobalStore() const globalStore = useGlobalStore()
const loading = computed(() => globalStore.state.loading) const loading = computed(() => globalStore.state.loading)
const viewRef = ref() const viewRef = ref()
const viewHeight = ref(0) const viewStyle = ref({
'--app-view-width': '',
'--app-view-height': ''
})
const observer = new ResizeObserver((entries) => { const observer = new ResizeObserver((entries) => {
const { width, height } = entries[0].contentRect const { width, height } = entries[0].contentRect
viewHeight.value = height viewStyle.value['--app-view-width'] = width + 'px'
viewStyle.value['--app-view-height'] = height + 'px'
}) })
onMounted(() => { onMounted(() => {
observer.observe(viewRef.value) observer.observe(viewRef.value)