feat: 添加注册页面,包含横幅和签到按钮,优化页面布局和样式
This commit is contained in:
BIN
src/assets/images/signup-banner.jpg
Normal file
BIN
src/assets/images/signup-banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
@@ -35,6 +35,10 @@ const routes: Array<RouteRecordRaw> = [
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: "/signup",
|
||||
component: () => import("@/views/signup/index.vue"),
|
||||
},
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
|
||||
32
src/views/signup/index.vue
Normal file
32
src/views/signup/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user