From 0dd7801a34f859556d8b45b9bfeb7f10c626e8be Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 26 Mar 2025 17:31:18 +0800
Subject: [PATCH] feat: 头部和中间布局
---
src/page/Home/Home.vue | 25 ++++++++++++++++++++-----
1 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/src/page/Home/Home.vue b/src/page/Home/Home.vue
index 62d7651..d346691 100644
--- a/src/page/Home/Home.vue
+++ b/src/page/Home/Home.vue
@@ -1,17 +1,27 @@
<template>
- <div class="page-index">
-
+ <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() {
@@ -27,11 +37,16 @@
};
</script>
<style scoped lang="scss">
-.page-index {
- height: 100%;
+.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>
--
Gitblit v1.9.3