bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added loader fade

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2024-01-15 15:57:39 +01:00
parent 26338792b5
commit fb9e7091b4
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@ -127,8 +127,10 @@ export default {
<div id="main-content"> <div id="main-content">
<MapConcernements> <MapConcernements>
<div class="loading" v-if="mapitems.length === 0">Chargement</div> <transition name="fade">
<template v-else> <div class="loading" v-if="mapitems.length === 0">Chargement</div>
</transition>
<template v-if="mapitems.length > 0">
<template v-for="(mapitem,index) in mapitems"> <template v-for="(mapitem,index) in mapitems">
<ConcernementMapItem <ConcernementMapItem
v-if="mapitem.concernement.visible && ((map_mode === 'superposition' && mapitem.clone) || !mapitem.clone)" v-if="mapitem.concernement.visible && ((map_mode === 'superposition' && mapitem.clone) || !mapitem.clone)"
@ -146,4 +148,13 @@ export default {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.fade-enter-active,
.fade-leave-active {
transition: opacity 1s ease;
}
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}
</style> </style>