样式更改

bknds · bknds · commit abaa6548a55b · 2018-03-22T16:34:41.000+08:00
diff --git a/src/app/pages/menu.ts b/src/app/pages/menu.ts
@@ -1,5 +1,4 @@
 export let MENU_ITEM = [
-
     {
         path: 'index',
         title: 'Dashboard',
diff --git a/src/app/pages/pages.component.scss b/src/app/pages/pages.component.scss
@@ -5,7 +5,6 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    border: 1px solid #000;
     background: $body-bg;
 }
 
@@ -19,6 +18,8 @@
         padding: 15px;
         flex: 1;
         background: transparent;
+        border-left: 1px solid $border-color;
+        border-top: 1px solid $border-color;
         color: $fonts-color;
         overflow-x: hidden;
     }
diff --git a/src/app/shared/components/pages-top/pages-top.component.scss b/src/app/shared/components/pages-top/pages-top.component.scss
@@ -4,7 +4,7 @@
     width: 100%;
     height: 81px;
     background: $sidebar-bg;
-    border-bottom: 1px solid $border-color;
+    border: none;
 }
 
 .avatar-wrap {
@@ -160,4 +160,4 @@
         border: 2px solid $sidebar-bg;
         border-radius: 50%;
     }
-}
+}
diff --git a/src/app/shared/components/sidebar/sidebar.component.html b/src/app/shared/components/sidebar/sidebar.component.html
@@ -1,3 +1,4 @@
 <div class="pages-sider" [ngClass]="{'side-collapsed':!sidebarToggle}">
+  <span class="sidebar-top-line"></span>
   <du-menu [menuInfo]="menuInfo"></du-menu>
 </div>
diff --git a/src/app/shared/components/sidebar/sidebar.component.scss b/src/app/shared/components/sidebar/sidebar.component.scss
@@ -5,7 +5,14 @@
     background: $sidebar-bg;
     overflow-x: hidden;
     @include transition(all .5s);
-    border-right: 1px solid $border-color; //@include box-shadow( 2px 0 2px rgba($black, .06));
+    border: none;
+    .sidebar-top-line {
+        display: block;
+        width: 80%;
+        position: relative;
+        left: 10%;
+        border-top: 1px solid $border-color;
+    }
 }
 
 @media (max-width:970px) {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`export let MENU_ITEM = [`
`2`		`-`
`3`	`2`	`{`
`4`	`3`	`path: 'index',`
`5`	`4`	`title: 'Dashboard',`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`width: 100%;`
`5`	`5`	`height: 81px;`
`6`	`6`	`background: $sidebar-bg;`
`7`		`- border-bottom: 1px solid $border-color;`
	`7`	`+ border: none;`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.avatar-wrap {`
`@@ -160,4 +160,4 @@`
`160`	`160`	`border: 2px solid $sidebar-bg;`
`161`	`161`	`border-radius: 50%;`
`162`	`162`	`}`
`163`		`-}`
	`163`	`+}`