feat:换叠加背景

chenyao

2025-03-27 4b6bb2df2ea7edde4912b0ca1ccc95710ce3bdb8

 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>