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
---
src/views/Home/Home.vue | 64 +++++++++++++++++++++----------
1 files changed, 43 insertions(+), 21 deletions(-)
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>
--
Gitblit v1.9.3