From 0b98e7d4464f3ae38a33679701355cca1f14b9fa Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期五, 27 六月 2025 16:10:55 +0800
Subject: [PATCH] '-'
---
src/views/register/registernav.vue | 82 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 82 insertions(+), 0 deletions(-)
diff --git a/src/views/register/registernav.vue b/src/views/register/registernav.vue
new file mode 100644
index 0000000..bdf632e
--- /dev/null
+++ b/src/views/register/registernav.vue
@@ -0,0 +1,82 @@
+<template>
+ <div class="content">
+ <div class="header">
+ <div class="headimg">
+ <img width="167px" height="44px" src="@/assets/home/logo.png" alt="" />
+ </div>
+ </div>
+ <div class="center w-[70%] h-[584px] bg-white mx-auto m-12">
+ <div class="flex items-center p-5 pl-6">
+ <img src="@/assets/home/xian.png" alt="" />
+ <span style="margin-left: 5px">娉ㄥ唽鍚戝</span>
+ </div>
+ <div class="w-[95%] border-1 border-[#E5E5E5] mx-auto pt-5 pb-2">
+ <el-steps style="max-width: 100%" :active="active" align-center>
+ <el-step title="闃呰娉ㄥ唽鍗忚" />
+ <el-step title="濉啓鍩烘湰淇℃伅" />
+ <el-step title="淇℃伅鐧昏瀹屾垚" />
+ </el-steps>
+ </div>
+ <div v-if="active == 0" class="h-[60%]">
+ <div class="text-center pt-5 pb-1.5">娉ㄥ唽鏉℃</div>
+ <div
+ class="w-[95%] h-[82%] border-1 border-[#E5E5E5] mx-auto p-2 overflow-y-auto"
+ >
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ </div>
+ </div>
+ <div v-else-if="active == 1" class="h-[60%]">
+ <div class="text-center pt-5 pb-1.5">娉ㄥ唽鏉℃</div>
+ <div
+ class="w-[95%] h-[82%] border-1 border-[#E5E5E5] mx-auto p-2 overflow-y-auto"
+ >
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ </div>
+ </div>
+ <div class="mx-auto pt-1 flex justify-center">
+ <el-button :disabled="active == 0" @click="backStep">涓婁竴姝�</el-button>
+ <el-button type="primary" @click="nextStep">鍚屾剰涓嬩竴姝�</el-button>
+ </div>
+ </div>
+ </div>
+</template>
+<script setup>
+import { h, ref } from "vue";
+defineOptions({
+ name: "RegisterNav"
+});
+let active = ref(0);
+const nextStep = () => {
+ active.value++;
+};
+const backStep = () => {
+ active.value--;
+};
+</script>
+<style lang="scss" scoped>
+.content {
+ background-color: #f8f8f8;
+ width: 100%;
+ height: 100%;
+ .header {
+ display: flex;
+ align-items: center;
+ height: 80px;
+ width: 100%;
+ margin: 0 auto;
+ background-color: #fff;
+ .headimg {
+ width: 1200px;
+ margin: 0 auto;
+ }
+ }
+ :deep .el-step__icon {
+ font-size: 12px;
+ height: 20px;
+ width: 20px;
+ }
+}
+:deep .el-step__title {
+ font-size: 12px;
+}
+</style>
--
Gitblit v1.9.1