From 4b6bb2df2ea7edde4912b0ca1ccc95710ce3bdb8 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Thu, 27 Mar 2025 09:16:54 +0800
Subject: [PATCH] feat:换叠加背景
---
src/views/Home/Home.vue | 56 ++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 36 insertions(+), 20 deletions(-)
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 9348361..19d6753 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -1,27 +1,43 @@
-<script setup></script>
-
<template>
- <div class="left">10</div>
- <div class="right">20</div>
+ <div class="warp">
+ <HomeLeft></HomeLeft>
+ <!-- <div>中间搜索</div> -->
+ <HomeRight></HomeRight>
+ </div>
</template>
-<style scoped lang="scss">
-div {
- font-size: 20px;
-}
+<script>
+import HomeRight from './components/HomeRight/HomeRight.vue';
+import HomeLeft from '@/views/Home/components/HomeLeft/HomeLeft.vue';
-.left {
- left: 0;
- position: absolute;
- width: 300px;
+export default {
+ components: {
+ HomeLeft,
+ HomeRight,
+ },
+ name: 'index',
+ provide() {
+ return {
+ index: this,
+ };
+ },
+ computed: {},
+ props: [],
+ methods: {},
+ mounted() {},
+};
+</script>
+<style scoped lang="scss">
+.page-home {
height: 100%;
- background: #2b373d;
-}
-.right{
- right: 0;
- position: absolute;
- width: 300px;
- height: 100%;
- background: #2b373d;
+ width: 100%;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+ position: relative;
+ .warp {
+ display: flex;
+ justify-content: space-between;
+ }
}
</style>
--
Gitblit v1.9.3