feat: 添加注册页面,包含横幅和签到按钮,优化页面布局和样式

This commit is contained in:
2026-01-17 03:22:32 +07:00
parent 8bdea03583
commit 6ee98bf326
3 changed files with 36 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

View File

@@ -35,6 +35,10 @@ const routes: Array<RouteRecordRaw> = [
}, },
], ],
}, },
{
path: "/signup",
component: () => import("@/views/signup/index.vue"),
},
]; ];
const router = createRouter({ const router = createRouter({

View File

@@ -0,0 +1,32 @@
<script lang='ts' setup>
</script>
<template>
<ion-page>
<ion-content>
<img src="@/assets/images/signup-banner.jpg" class="h-50 w-full object-cover" alt="服务页横幅">
<div class="ion-padding-horizontal mt-4 text-center text-4xl text-primary font-bold">
初心如磐 使命如坚
</div>
<div class="ion-padding-horizontal mt-4 text-center text-sm text-black font-bold opacity-90 tracking-widest">
讲党性/树新风/作表率/当先锋
</div>
<div class="ion-padding-horizontal mt-2 text-center text-sm text-primary font-bold tracking-widest">
红色印记燃动今日的奋斗之光
</div>
<div class="ion-padding-horizontal mt-6 text-center text-2xl text-primary font-bold tracking-wider">
已连续 <span class="text-5xl mx-3">53</span> 天签到
</div>
<div class="ion-padding-horizontal mt-8 flex justify-center">
<ion-button size="large" class="w-3/4 bg-primary text-white font-bold rounded-full shadow-lg">
立即签到
</ion-button>
</div>
</ion-content>
</ion-page>
</template>
<style lang='css' scoped></style>