feat: 调整home

LGH

2025-03-26 4d16cee35c0cdf2c505d00a2a85364a0a09bcbae

feat: 调整home

 src/page/Home/Home.vue

File was deleted

 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>

 src/views/Home/components/Header.vue

 src/views/Home/components/HomeLeft/Index.vue

 src/views/Home/components/HomeRight/Index.vue