no message

Former-commit-id: eefb53c8936b6acd58b0604d25da7cfad73d8791
Former-commit-id: f7a9f9360bbd8e3dca3bba6c12c22775adc2a66e
Former-commit-id: f9f204a1e322195ea42d596fb749e31b3859de7f

src/components/core/d2-layout-main/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <el-container class="layout-main theme">
+    <!-- 顶栏 -->
+    <el-header>
+      <div class="logo-group" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
+        <img v-if="collapse" src="@/assets/image/logo/header-icon-only.png">
+        <img v-else src="@/assets/image/logo/header.png">
+      </div>
+      <div class="toggle-aside-btn" @click="collapse = !collapse">
+        <d2-icon name="bars"/>
+      </div>
+      <d2-layout-main-header-menu/>
+      <d2-layout-main-header-right/>
+    </el-header>
+    <!-- 下面 主体 -->
+    <el-container>
+      <!-- 主体 侧边栏 -->
+      <el-aside :style="{width: collapse ? asideWidthCollapse : asideWidth}">
+        <d2-layout-main-side-menu :collapse="collapse"/>
+      </el-aside>
+      <!-- 主体 -->
+      <el-main>
+        <transition name="fade-transverse">
+          <router-view/>
+        </transition>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+export default {
+  name: 'd2-layout-main',
+  components: {
+    'd2-layout-main-side-menu': () => import('./components/side-menu'),
+    'd2-layout-main-header-menu': () => import('./components/header-menu'),
+    'd2-layout-main-header-right': () => import('./components/header-right')
+  },
+  data () {
+    return {
+      collapse: false,
+      // [侧边栏宽度] 正常状态
+      asideWidth: '200px',
+      // [侧边栏宽度] 折叠状态
+      asideWidthCollapse: '65px'
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+// 主题
+@import '~@/assets/style/theme/star/index.scss';
+</style>