首页样式调整

src/components/menu/SideMenu.vue

@@ -5,7 +5,7 @@
     :collapsible='collapsible'
     v-model='collapsed'
     :trigger='null'>
-    <logo />
+    <logo :show-title='collapsed' />
     <s-menu
       :collapsed='collapsed'
       :menu='menus'
@@ -149,6 +149,7 @@ export default {
 .ant-menu.ant-menu-root {
   & > .ant-menu-item:first-child {
     background-color: transparent;
+    margin-top: 20px;
 
     & > a, & > a:hover {
       color: rgba(0, 0, 0, 0.65);
@@ -181,18 +182,24 @@ export default {
       box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
       border-radius: 4px;
 
-      &::after {
-        content: '';
-        width: 8px;
-        height: 8px;
-        background: #FFC53D;
-        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
-        border-radius: 50%;
-        position: absolute;
-        right: 18px;
-        top: 50%;
-        margin-top: -4px;
-      }
+      //&::after {
+      //  content: '';
+      //  width: 8px;
+      //  height: 8px;
+      //  background: #FFC53D;
+      //  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
+      //  border-radius: 50%;
+      //  position: absolute;
+      //  right: 18px;
+      //  top: 50%;
+      //  margin-top: -4px;
+      //}
+    }
+  }
+
+  .ant-menu-submenu-vertical {
+    span {
+      padding-left: 5px;
     }
   }
 
@@ -209,7 +216,9 @@ export default {
   }
 
   .ant-menu-sub {
-    padding-left: 20px;
+    span {
+      padding-left: 20px;
+    }
   }
 
   .ant-menu-item {

src/components/tools/Logo.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="logo">
     <router-link :to="{name:'dashboard'}">
-      <img src="~@/assets/logo.png" alt="logo">
+      <img v-if="showTitle" src="~@/assets/logo2.png" alt="logo">
+      <img src="~@/assets/logo.png" alt="logo" v-else>
 <!--      <h1 v-if="showTitle">{{ title }}</h1>-->
     </router-link>
   </div>