This commit is contained in:
weipengfei 2023-10-13 16:21:43 +08:00
parent 5ad7a4b1e6
commit de7f375edb
1 changed files with 145 additions and 123 deletions

View File

@ -609,6 +609,10 @@ window.addEventListener('test', (e) => {
prompt.value = window.winText prompt.value = window.winText
}) })
setTimeout(()=>{
nowStart.value = false;
}, 800)
</script> </script>
<template> <template>
@ -622,6 +626,7 @@ window.addEventListener('test', (e) => {
<!-- <lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir> --> <!-- <lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir> -->
</transition> </transition>
</indexBG> </indexBG>
<transition name="slide-right-to-left">
<div v-if="!nowStart" class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}"> <div v-if="!nowStart" class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}">
<HeaderComponent <HeaderComponent
v-if="isMobile" v-if="isMobile"
@ -752,6 +757,7 @@ window.addEventListener('test', (e) => {
</div> </div>
</footer> </footer>
</div> </div>
</transition>
</div> </div>
</template> </template>
@ -772,4 +778,20 @@ window.addEventListener('test', (e) => {
opacity: 0; opacity: 0;
} }
.slide-right-to-left-enter-active,
.slide-right-to-left-leave-active {
transition: all 2.0s;
}
.slide-right-to-left-enter,
.slide-right-to-left-leave-to {
opacity: 1;
transform: translateX(100%);
}
.slide-right-to-left-enter-to,
.slide-right-to-left-leave {
opacity: 1;
transform: translateX(0%);
}
</style> </style>