Adnan Erlansyah Comments - Answer Overflow

<template>
  <!-- <PartialsLoading v-if="isLoading" /> -->
  <PartialsSplashScreen v-if="showSplash" />
  <NuxtLayout>
    <NuxtLoadingIndicator :throttle="0" />
    <NuxtPage />
  </NuxtLayout>
</template>

<script setup>
</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from {
  opacity: 0;
  transform: translateX(50px);
}
.page-leave-to {
  opacity: 0;
  transform: translateX(-50px);
}
</style>

<template>
  <!-- <PartialsLoading v-if="isLoading" /> -->
  <PartialsSplashScreen v-if="showSplash" />
  <NuxtLayout>
    <NuxtLoadingIndicator :throttle="0" />
    <NuxtPage />
  </NuxtLayout>
</template>

<script setup>
</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from {
  opacity: 0;
  transform: translateX(50px);
}
.page-leave-to {
  opacity: 0;
  transform: translateX(-50px);
}
</style>

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

@kapa.ai how about I make an effect when it's go back to the previous page then the effect animation will use fade-right instead of fade-left.

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

Yeah I think this is the problem 😅🙏.

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

Is it possible?

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

Now, how about I make an effect when it's go back to the previous page then the effect animation will use fade-right instead of fade-left.

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

I don't know what's happening.

50 replies

NNuxt

•Created by Adnan Erlansyah on 1/24/2025 in #❓・help

Make a effect like on the IOS version when navigate to another pages

Sorry sir, it's working now 😅. I've made it like this.

<template>
  <!-- <PartialsLoading v-if="isLoading" /> -->
  <PartialsSplashScreen v-if="showSplash" />
  <NuxtLayout>
    <NuxtLoadingIndicator :throttle="0" />
    <NuxtPage />
  </NuxtLayout>
</template>

<script setup>

</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from {
  opacity: 0;
  transform: translateX(50px);
}
.page-leave-to {
  opacity: 0;
  transform: translateX(-50px);
}
</style>

<template>
  <!-- <PartialsLoading v-if="isLoading" /> -->
  <PartialsSplashScreen v-if="showSplash" />
  <NuxtLayout>
    <NuxtLoadingIndicator :throttle="0" />
    <NuxtPage />
  </NuxtLayout>
</template>

<script setup>

</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from {
  opacity: 0;
  transform: translateX(50px);
}
.page-leave-to {
  opacity: 0;
  transform: translateX(-50px);
}
</style>