From aecdd92b4cf2a61efe99c3daf10d0faded34225d Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Mon, 4 Jun 2018 09:39:57 +0800
Subject: [PATCH] no message

Former-commit-id: 04d919f45ca87195e22cd6f724a4e64a2a699ba4
Former-commit-id: 8d2c87f76bd8f59470314c2801b04a5ca2f7dd3e
Former-commit-id: be6e9ce987138cb7fae2f6275056751af28357ec
---
 src/components/core/MainLayout/index.vue | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue
index 5b5657f7..2ea04d59 100644
--- a/src/components/core/MainLayout/index.vue
+++ b/src/components/core/MainLayout/index.vue
@@ -1,7 +1,8 @@
 <template>
   <el-container class="layout-main" :class="theme">
+    <!-- 顶栏 -->
     <el-header>
-      <div class="logo-group" :style="logoGroupStyle">
+      <div class="logo-group" :style="{width: collapse ? asideWidth : asideWidthCollapse}">
         <img v-if="collapse" src="@/assets/image/logo/header-icon-only.png">
         <img v-else src="@/assets/image/logo/header.png">
       </div>
@@ -11,10 +12,13 @@
       <HeaderMenu></HeaderMenu>
       <HeaderRight></HeaderRight>
     </el-header>
+    <!-- 下面 主体 -->
     <el-container>
-      <el-aside :style="asideStyle">
+      <!-- 主体 侧边栏 -->
+      <el-aside :style="{width: collapse ? asideWidth : asideWidthCollapse}">
         <SideMenu :collapse="collapse"></SideMenu>
       </el-aside>
+      <!-- 主体 -->
       <el-main>
         <transition name="fade-transverse">
           <router-view></router-view>
@@ -34,19 +38,9 @@ export default {
   data () {
     return {
       theme: 'classic',
-      collapse: false
-    }
-  },
-  computed: {
-    logoGroupStyle () {
-      return {
-        width: `${this.collapse ? '65' : '200'}px`
-      }
-    },
-    asideStyle () {
-      return {
-        width: `${this.collapse ? '65' : '200'}px`
-      }
+      collapse: false,
+      asideWidth: '65px',
+      asideWidthCollapse: '200px'
     }
   },
   methods: {