Skip to content

Commit 0e5d3f0

Browse files
committed
added @media (max-width:414px)
1 parent ad8b3d2 commit 0e5d3f0

File tree

5 files changed

+39
-22
lines changed

5 files changed

+39
-22
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33

44

5-
[Demo](http://treesflower.com/dist)
5+
[Demo](http://treesflower.com/ng-pi-admin)
66

77
## Getting started
88
```

src/app/pages/menu.ts

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -108,10 +108,6 @@ export let MENU_ITEM = [
108108
title: 'Menu Levels',
109109
icon: 'sitemap',
110110
children: [
111-
{
112-
path: 'levels2',
113-
title: 'Menu Level2'/* creatRouterLink() bug if children 现停止下一循环*/
114-
},
115111
{
116112
path: 'levels1',
117113
title: 'Menu Level1',
@@ -121,6 +117,14 @@ export let MENU_ITEM = [
121117
title: 'Menu Level1-1'
122118
}
123119
]
120+
},
121+
{
122+
path: 'levels2',
123+
title: 'Menu Level2'
124+
},
125+
{
126+
path: 'levels3',
127+
title: 'Menu Level3'
124128
}
125129
]
126130
},

src/app/shared/components/pages-top/pages-top.component.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,4 +160,22 @@
160160
border: 2px solid $sidebar-bg;
161161
border-radius: 50%;
162162
}
163+
}
164+
165+
@media (max-width:414px) {
166+
.avatar-wrap {
167+
width: auto;
168+
.avatar {
169+
border-radius: 50px;
170+
}
171+
.user-info-wrap {
172+
display: none;
173+
}
174+
}
175+
.collapse-menu {
176+
left: 100px;
177+
}
178+
.search-group {
179+
display: none;
180+
}
163181
}

src/app/shared/components/sidebar/sidebar.component.scss

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,18 +15,6 @@
1515
}
1616
}
1717

18-
@media (max-width:970px) {
19-
.pages-sider {
20-
width: 0;
21-
}
22-
}
23-
24-
@media (max-width:1440px) {
25-
.pages-sider {
26-
width: 210px;
27-
}
28-
}
29-
3018
.side-collapsed {
3119
width: 0;
3220
/* .avatar-wrap {
@@ -42,4 +30,16 @@
4230
.user-info-wrap {
4331
transform: scale(0, 0);
4432
} */
33+
}
34+
35+
@media (max-width:1440px) {
36+
.pages-sider {
37+
width: 210px;
38+
}
39+
}
40+
41+
@media (max-width:970px) {
42+
.pages-sider {
43+
width: 0;
44+
}
4545
}

src/app/shared/components/sidebar/sidebar.component.ts

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,8 @@ export class SidebarComponent implements OnInit {
1919

2020
ngOnInit() {
2121
this.menuInfo = this._menuService.putSidebarJson();
22-
console.log(this.menuInfo);
23-
24-
2522
this._sidebarToggle();
26-
2723
this._menuService.selectItem(this.menuInfo);/* ----->初始化判断路由isActive状态 未完成 待优化 */
28-
2924
this._isSelectItem(this.menuInfo);
3025
}
3126

0 commit comments

Comments
 (0)