feat: 头部和中间布局

chenyao

2025-03-26 0dd7801a34f859556d8b45b9bfeb7f10c626e8be

 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>