add entry page

src/pages/entry/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="entry-page relative min-h-screen flex flex-col items-center overflow-hidden">
+    <div class="fixed left-0 top-30 z-20">
+      <img src="/entry/rule_btn.png" alt="活动规则" class="h-16 select-none" />
+    </div>
+
+    <div class="relative z-10 flex flex-col items-center w-full px-2 pt-4 pb-16 gap-5">
+      <img src="/entry/content.png" alt="宁福您彩 新婚送福" class="w-full" />
+      <div class="flex items-center gap-5 mt-2">
+        <button @click="goClaim" class="active:scale-98 transition">
+          <img src="/entry/claim_btn.png" alt="领取祝福" class="h-14 md:h-16" />
+        </button>
+        <button @click="goRedeem" class="active:scale-98 transition">
+          <img src="/entry/redeem_btn.png" alt="核销登记" class="h-14 md:h-16" />
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const goClaim = () => {
+  router.push('/claim')
+}
+
+const goRedeem = () => {
+  window.location.href = 'https://fucai-redeem.smartjinrui.cn'
+}
+</script>
+
+<style scoped>
+.entry-page {
+  background-image: url('/entry/bg.jpg');
+  background-repeat: no-repeat, no-repeat;
+  background-position: top center, bottom center;
+  background-size: 100% auto, 100% auto;
+  background-color: #fff;
+}
+</style>

src/router/index.ts

@@ -4,6 +4,15 @@ import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
+    name: 'Entry',
+    component: () => import('../pages/entry/index.vue'),
+    meta: {
+      title: '宁福您彩 活动入口'
+    }
+  },
+  {
+    path: '/claim',
+    alias: ['/home'],
     name: 'Home',
     component: () => import('../pages/home/index.vue'),
     meta: {
@@ -27,4 +36,4 @@ router.beforeEach((to, from, next) => {
   next()
 })
 
-export default router
+export default router