deepChartVueApp/pages/start/startup/startup.vue

<template>
  <view class="background">
    <image
    class="logo"
      src="../../../static/icons/start-logo.png"
      mode="scaleToFill"
    />
    <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,
    });
  }, 1500);
});


</script>

<style>
.background {
  background: linear-gradient(180deg, #FB6967, #FB6967);
  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%);
}

.logo{
  width: 320rpx;
  height: 200rpx;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>