From ce5e84197b43dec8c01717b116cb77535ad3c91e Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期三, 25 六月 2025 16:21:42 +0800
Subject: [PATCH] '登录注册'
---
src/views/home/index.vue | 61 +++++++++++++++++++-----------
1 files changed, 39 insertions(+), 22 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f565703..041ec08 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -42,8 +42,8 @@
</div>
<div class="right">
<el-tabs v-model="activeName" class="demo-tabs">
- <el-tab-pane label="宸ョ▼鎷涙爣" name="first">
- 宸ョ▼鎷涙爣
+ <el-tab-pane label="鎰忓悜鍏紑" name="first">
+ 鎰忓悜鍏紑
<!-- <div class="item">
<span
><span style="color: #145ccd; font-weight: 600">路</span
@@ -94,8 +94,9 @@
<span>2024-04-15 18:10</span>
</div> -->
</el-tab-pane>
- <el-tab-pane label="璐х墿鎷涙爣" name="second">璐х墿鎷涙爣</el-tab-pane>
- <el-tab-pane label="鏈嶅姟鎷涙爣" name="third">鏈嶅姟鎷涙爣</el-tab-pane>
+ <el-tab-pane label="宸ョ▼鎷涙爣" name="second">宸ョ▼鎷涙爣</el-tab-pane>
+ <el-tab-pane label="璐х墿鎷涙爣" name="third">璐х墿鎷涙爣</el-tab-pane>
+ <el-tab-pane label="鏈嶅姟鎷涙爣" name="fourth">鏈嶅姟鎷涙爣</el-tab-pane>
<el-tab-pane label="缃戜笂绔炰环" name="fourth">缃戜笂绔炰环</el-tab-pane>
</el-tabs>
</div>
@@ -147,9 +148,13 @@
src="@/assets/home/car1.png"
alt=""
/>
- 閲囪喘浜�/鎷涙爣浜�
+ 閲囪喘浜�
</div>
- <div>娉ㄥ唽<span class="m-2">|</span>鐧诲綍</div>
+ <div>
+ <span class="hover:cursor-pointer" @click="toRegister">娉ㄥ唽</span
+ ><span class="m-2">|</span
+ ><span class="hover:cursor-pointer" @click="toLogin">鐧诲綍</span>
+ </div>
</div>
<div class="item">
<div class="box">
@@ -159,20 +164,13 @@
src="@/assets/home/car.png"
alt=""
/>
- 閲囪喘浜�
+ 浠ｇ悊鏈烘瀯
</div>
- <div>娉ㄥ唽<span class="m-2">|</span>鐧诲綍</div>
- </div>
- <div class="item">
- <div class="box">
- <img
- width="18px"
- height="18px"
- src="@/assets/home/car.png"
- alt=""
- />鎷涙爣浠ｇ悊鏈烘瀯
+ <div>
+ <span class="hover:cursor-pointer" @click="toRegister">娉ㄥ唽</span
+ ><span class="m-2">|</span
+ ><span class="hover:cursor-pointer" @click="toLogin">鐧诲綍</span>
</div>
- <div>娉ㄥ唽<span class="m-2">|</span>鐧诲綍</div>
</div>
<div class="item">
<div class="box">
@@ -183,7 +181,11 @@
alt=""
/>渚涘簲鍟�
</div>
- <div>娉ㄥ唽<span class="m-2">|</span>鐧诲綍</div>
+ <div>
+ <span class="hover:cursor-pointer" @click="toRegister">娉ㄥ唽</span
+ ><span class="m-2">|</span
+ ><span class="hover:cursor-pointer" @click="toLogin">鐧诲綍</span>
+ </div>
</div>
<div class="item">
<div class="box">
@@ -194,7 +196,11 @@
alt=""
/>璇勫涓撳
</div>
- <div>娉ㄥ唽<span class="m-2">|</span>鐧诲綍</div>
+ <div>
+ <span class="hover:cursor-pointer" @click="toRegister">娉ㄥ唽</span
+ ><span class="m-2">|</span
+ ><span class="hover:cursor-pointer" @click="toLogin">鐧诲綍</span>
+ </div>
</div>
</div>
<div class="right" />
@@ -396,6 +402,17 @@
import { ref } from "vue";
import myFooter from "./component/myFooter.vue";
let activeName = ref("first");
+import { useRoute, useRouter } from "vue-router";
+defineOptions({
+ name: "Home"
+});
+const router = useRouter();
+const toRegister = () => {
+ router.push({ name: "Register" });
+};
+const toLogin = () => {
+ router.push({ name: "Login" });
+};
</script>
<style lang="scss" scoped>
@@ -518,7 +535,7 @@
padding: 40px 0;
.all {
width: 72%;
- height: 482px;
+ height: 385px;
background: #fff;
margin: 0 auto;
display: flex;
@@ -535,7 +552,7 @@
justify-content: space-between;
align-items: center;
padding: 0 30px;
- height: 20%;
+ height: 25%;
text-align: left;
color: #5f5f5f;
.box {
--
Gitblit v1.9.1