From 4d16cee35c0cdf2c505d00a2a85364a0a09bcbae Mon Sep 17 00:00:00 2001
From: LGH <guanghui.luo@foxmail.com>
Date: Wed, 26 Mar 2025 17:38:37 +0800
Subject: [PATCH] feat: 调整home
---
/dev/null | 52 --------------------------
src/views/Home/components/Header.vue | 0
src/views/Home/Home.vue | 64 +++++++++++++++++++++----------
src/views/Home/components/HomeLeft/Index.vue | 0
src/views/Home/components/HomeRight/Index.vue | 0
5 files changed, 43 insertions(+), 73 deletions(-)
diff --git a/src/page/Home/Home.vue b/src/page/Home/Home.vue
deleted file mode 100644
index d346691..0000000
--- a/src/page/Home/Home.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
- <div class="page-home">
- <Header></Header>
- <div class="warp">
- <HomeLeft></HomeLeft>
- <!-- <div>中间搜索</div> -->
- <HomeRight></HomeRight>
- </div>
- </div>
-</template>
-
-<script>
-import index from '@/mixins';
-import { mapGetters } from 'vuex';
-import Header from '../Home/components/Header.vue';
-import HomeLeft from '../Home/components/HomeLeft/Index.vue'
-import HomeRight from '../Home/components/HomeRight/Index.vue'
-
-export default {
- mixins: [index],
- components: {
- Header,
- HomeLeft,
- HomeRight,
- },
- name: 'index',
- provide() {
- return {
- index: this,
- };
- },
- computed: {},
- props: [],
- methods: {
-
- },
-};
-</script>
-<style scoped lang="scss">
-.page-home {
- height: 100vh;
- width: 100%;
- background-image: url('../../assets/images/bg.png');
- background-size: 100% 100%;
- background-repeat: no-repeat;
- font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
- .warp {
- display: flex;
- justify-content: space-between;
- }
-}
-</style>
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 9348361..6697a5f 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -1,27 +1,49 @@
-<script setup></script>
-
<template>
- <div class="left">10</div>
- <div class="right">20</div>
+ <Header></Header>
+ <div class="warp">
+ <HomeLeft></HomeLeft>
+ <!-- <div>中间搜索</div> -->
+ <HomeRight></HomeRight>
+ </div>
</template>
-<style scoped lang="scss">
-div {
- font-size: 20px;
-}
+<script>
+import index from '@/mixins';
+import { mapGetters } from 'vuex';
+import Header from '../Home/components/Header.vue';
+import HomeLeft from '../Home/components/HomeLeft/Index.vue'
+import HomeRight from '../Home/components/HomeRight/Index.vue'
-.left {
- left: 0;
- position: absolute;
- width: 300px;
- height: 100%;
- background: #2b373d;
-}
-.right{
- right: 0;
- position: absolute;
- width: 300px;
- height: 100%;
- background: #2b373d;
+export default {
+ mixins: [index],
+ components: {
+ Header,
+ HomeLeft,
+ HomeRight,
+ },
+ name: 'index',
+ provide() {
+ return {
+ index: this,
+ };
+ },
+ computed: {},
+ props: [],
+ methods: {
+
+ },
+};
+</script>
+<style scoped lang="scss">
+.page-home {
+ height: 100vh;
+ width: 100%;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+ .warp {
+ display: flex;
+ justify-content: space-between;
+ }
}
</style>
diff --git a/src/page/Home/components/Header.vue b/src/views/Home/components/Header.vue
similarity index 100%
rename from src/page/Home/components/Header.vue
rename to src/views/Home/components/Header.vue
diff --git a/src/page/Home/components/HomeLeft/Index.vue b/src/views/Home/components/HomeLeft/Index.vue
similarity index 100%
rename from src/page/Home/components/HomeLeft/Index.vue
rename to src/views/Home/components/HomeLeft/Index.vue
diff --git a/src/page/Home/components/HomeRight/Index.vue b/src/views/Home/components/HomeRight/Index.vue
similarity index 100%
rename from src/page/Home/components/HomeRight/Index.vue
rename to src/views/Home/components/HomeRight/Index.vue
--
Gitblit v1.9.3