feat: 欢迎&登录&注册&stylist页面

src/views/login/WelcomePage.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="welcome-page safe-area-top safe-area-bottom">
+    <div class="content">
+      <div class="title">AI STYLING <br/> ASSISTANT</div>
+      <p class="subtitle">Redefine the styling experience with AI.</p>
+      <div class="sign-btn" @click="goToSignup">Sign up</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const goToSignup = () => {
+  router.push('/login')
+}
+</script>
+
+<style scoped lang="less">
+.welcome-page {
+  width: 100%;
+  height: 100%;
+  background: url('/src/assets/images/entry_bg.png') no-repeat center center;
+  background-size: cover;
+  padding-left: 10rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.content {
+  letter-spacing: 0;
+  position: relative;
+  // flex: 1;
+  font-size: 8rem;
+  color: #fff;
+  font-weight: 400;
+  padding-bottom: 20rem;
+  .title{
+    font-family: Boska;
+    line-height: 7.55rem;
+  }
+  .subtitle{
+    font-size: 3rem;
+    font-family: Satoshi;
+    margin: 2rem 0;
+  }
+  .sign-btn{
+   background: transparent;
+   color: #fff;
+   width: 25rem;
+   font-size: 3rem;
+   height: 5rem;
+   line-height: 5rem;
+   border: 1px solid #fff;
+   text-align: center;
+  //  padding: 2rem 1.3rem;
+   box-sizing: content-box;
+  }
+}
+</style>