deepChartVueApp/pages/start/startup/startup.vue

<template>
  <view class="background">
    <view class="logo-text"> DeepChart </view>
  </view>
</template>

<script setup>
import { onShow } from "@dcloudio/uni-app";

onShow(() => {
  setTimeout(() => {
    uni.redirectTo({
      url: "/pages/start/select/select",
      animationType: "slide-in-right",
      animationDuration: 1000,
    });
  }, 3000);
});
</script>

<style>
.background {
  background: linear-gradient(180deg, #2a0c4d, #1d0836, #0d0218);
  width: 100vw;
  height: 100vh;
}

.logo-text {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}
</style>