fix layoutindex

src/layout/index.vue

@@ -1,17 +1,17 @@
 <template>
-  <div class='full-screen flex flex-justify-start'>
+  <div class="full-screen flex flex-justify-start">
     <el-aside width="200px">
-      <left/>
+      <left />
     </el-aside>
     <el-container>
-      <el-header class='header'>
-        <top/>
+      <el-header class="header">
+        <top />
       </el-header>
-      <el-main class='wt-main orange-bg' @scroll='scroll'>
+      <el-main class="wt-main orange-bg" @scroll="scroll">
         <div>
           <router-view v-slot="{ Component, route }">
-            <keep-alive :include='keepAlive.list'>
-              <component :is="Component" :key="route.fullPath"/>
+            <keep-alive :include="keepAlive.list">
+              <component :is="Component" :key="route.fullPath" />
             </keep-alive>
           </router-view>
         </div>
@@ -28,30 +28,30 @@ import keepAliveStore from '../store/keepAlive.js'
 export default {
   name: 'index.vue',
   components: { left, top },
-  setup () {
+  setup() {
     const keepAlive = keepAliveStore()
     return { keepAlive }
   },
-  created () {
-    this.keepAlive.$subscribe((res) => {
+  created() {
+    this.keepAlive.$subscribe(res => {
       console.log(this.keepAlive.list)
     })
   },
   methods: {
-    scroll (event) {
+    scroll(event) {
       this.$bus.emit('scorll', event)
     }
   }
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .header {
   padding: 0;
 }
 
 .wt-main {
-  background-color: #E4E4E4;
+  background-color: #e4e4e4;
   padding: 0;
 }
 </style>