qdt-admin-layout 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/component/ElMenu/sub.vue +1 -1
  3. package/src/component/Layout/style.scss +2 -2
  4. package/src/component/NavMenu/index.vue +3 -1
  5. package/src/component/NavMenu/style.scss +21 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qdt-admin-layout",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "基于element-ui的后台管理layout的管家婆改版",
5
5
  "main": "src/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/component/ElMenu/sub.vue CHANGED
@@ -92,7 +92,7 @@ export default {
92
92
  {this.$slots.default.map((item) => {
93
93
  return (
94
94
  <ul
95
- style="display:inline-block;width:200px;vertical-align: top;margin:0;box-shadow: 0 0 black;border-radius:0px"
95
+ style="display:inline-block;width:200px;vertical-align: top;margin:0;"
96
96
  class={this.popupMenuClass}
97
97
  >
98
98
  {item}
package/src/component/Layout/style.scss CHANGED
@@ -28,11 +28,11 @@
28
28
  // 左右结构
29
29
  &.left-right {
30
30
  > header {
31
- grid-column-start: 2;
31
+ grid-column-start: 1;
32
32
  }
33
33
 
34
34
  > aside {
35
- grid-row-start: 1;
35
+ grid-row-start: 2;
36
36
 
37
37
  // 左右结构时，侧边栏z-index需大于顶栏
38
38
  // 上下结构时，侧边栏z-index需小于顶栏
package/src/component/NavMenu/index.vue CHANGED
@@ -159,7 +159,9 @@ export default {
159
159
  style="font-weight:800;color:black"
160
160
  class="popover-menu__title"
161
161
  >
162
- {this.renderMenuContent(h, x, depth)}
162
+ <div class="title-boder">
163
+ {this.renderMenuContent(h, x, depth)}
164
+ </div>
163
165
  </div>
164
166
  <div class="el-menu el-menu--inline">{childrens}</div>
165
167
  </div>
package/src/component/NavMenu/style.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  .menu-display {
2
2
  margin-left: 5px;
3
- border-radius: 2px;
4
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
5
3
  ul {
6
4
  border-left: 1px solid rgb(228, 231, 237);
7
5
  }
@@ -9,6 +7,11 @@
9
7
  border: none;
10
8
  }
11
9
  }
10
+ .title-boder {
11
+ height: 38px;
12
+ border-bottom: 1px solid rgb(228, 231, 237);
13
+ }
14
+
12
15
  .el-menu--collapse .el-submenu {
13
16
  height: 88px !important;
14
17
  }
@@ -61,19 +64,29 @@
61
64
  //菜单hover时，左侧图标放大（弹出菜单的父级不放大）
62
65
  .el-menu-item:not(.popover-menu__title),
63
66
  .el-submenu__title {
64
- > .menu-icon,
65
- > .el-tooltip > .menu-icon {
67
+ .menu-icon {
66
68
  transition: transform 0.1s;
67
69
  }
68
70
 
69
71
  &:hover {
70
- > .menu-icon,
71
- > .el-tooltip > .menu-icon {
72
+ .menu-icon {
72
73
  transform: scale(1.2);
73
74
  }
74
75
  }
75
76
  }
76
77
 
78
+ .el-menu--popup {
79
+ .popover-menu__title {
80
+ height: 40px !important;
81
+ line-height: 40px !important;
82
+ border: none;
83
+ }
84
+ .el-menu-item {
85
+ height: 40px !important;
86
+ line-height: 40px !important;
87
+ }
88
+ }
89
+
77
90
  .el-menu-item,
78
91
  .el-submenu__title {
79
92
  text-overflow: ellipsis;
@@ -134,8 +147,8 @@
134
147
  // 顶级节点的高度以及hover时的下边框
135
148
  > .el-menu-item,
136
149
  > .el-submenu > .el-submenu__title {
137
- height: $header-height;
138
- line-height: $header-height;
150
+ height: 40px;
151
+ line-height: 40px;
139
152
 
140
153
  &:hover {
141
154
  border-bottom: 2px solid $--color-primary;