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 | 50 ++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 48 insertions(+), 2 deletions(-)
diff --git a/src/views/register/registernav.vue b/src/views/register/registernav.vue
index 12f11ea..bdf632e 100644
--- a/src/views/register/registernav.vue
+++ b/src/views/register/registernav.vue
@@ -5,15 +5,53 @@
<img width="167px" height="44px" src="@/assets/home/logo.png" alt="" />
</div>
</div>
- <div class="center w-[70%] h-[584px] bg-white mx-auto mt-25">
- <el-button type="primary">淇濆瓨</el-button>
+ <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 {
@@ -32,5 +70,13 @@
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