学习总结

差缺补漏，背代码

<template>
  <div>
    
       <section class="rongqi">
           <section class="Left">
               <ItemPage/>
               <ItemPage/>
           </section>
           <section class="Center"></section>
           <section class="Right">
               <ItemPage/>
               <ItemPage/>
           </section>

       </section>
  </div>
</template>

<script>
import ItemPage from '@/components/itemPage.vue'

import {inject} from "vue"
export default {
 components:{
     ItemPage
 },
 setup(){
     let $echarts=inject("echarts")
     console.log($echarts)
 }
}
</script>

<style lang="less">

.rongqi{
 width: 2000px;
 height: 2000px;
  margin: 0 auto;
  padding: 10px,10px,10px;
  background-color: rgba(172, 219, 203, 0.493);
  display: flex;
  .Left,.Right{
      flex:3;
  };
  .Center{
      flex:5;
  }
  .Center{
      height:800px;
      width:500px;
      border: 1px solid blue;
      margin:10px;
      padding:20px;

  }
}

</style>