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({
|
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