From aea9b35551c5870275b32b9d928d84a4fbe466be Mon Sep 17 00:00:00 2001
From: 刘汉宸 <liuhanchen@zeyihuoyun.com>
Date: Tue, 24 Mar 2020 10:43:28 +0800
Subject: [PATCH] [修改] 调整布局

---
 examples/styles/index.scss          |  6 ++++++
 examples/views/layout/component.vue | 12 ++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/examples/styles/index.scss b/examples/styles/index.scss
index 6e0da80..4244117 100644
--- a/examples/styles/index.scss
+++ b/examples/styles/index.scss
@@ -6,6 +6,12 @@ html,
 body {
   padding: 0;
   margin: 0;
+  &::-webkit-scrollbar {
+    width: 5px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: #e5e5e5;
+  }
 }
 #app {
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
diff --git a/examples/views/layout/component.vue b/examples/views/layout/component.vue
index 98b983b..bed2e48 100644
--- a/examples/views/layout/component.vue
+++ b/examples/views/layout/component.vue
@@ -2,7 +2,7 @@
   <el-container>
     <layout-header @menu-change="handleSelect"></layout-header>
     <el-container class="layout-container__component">
-      <el-aside class="layout-aside__component" width="240px">
+      <el-aside class="layout-aside__component" width="300px">
         <el-menu :default-active="activeMenu" class="layout-aside-menu__component" @select="handleSelect">
           <h4 class="side-menu__group">开发指南</h4>
           <el-menu-item v-for="(doc, index) in guideList" :key="`doc-${index}`" :index="doc.name">{{ doc.meta.title }}</el-menu-item>
@@ -148,6 +148,12 @@ export default {
 .layout-container__component {
   margin-top: 60px;
   .layout-aside__component {
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #e5e5e5;
+    }
     &::after {
       position: absolute;
       top: 50%;
@@ -193,6 +199,8 @@ export default {
       font-size: 12px;
       text-decoration: none;
       padding: 5px 20px;
+      width: 100%;
+      box-sizing: border-box;
       color: $text;
       transition: all 300ms ease-out;
       border-left: 1px solid $border;
@@ -205,7 +213,7 @@ export default {
     }
   }
   .layout-main__component {
-    margin-left: 240px;
+    margin-left: 300px;
     margin-right: 150px;
     padding: 20px 40px !important;
   }
--
libgit2 0.21.0