|
@@ -38,7 +38,7 @@
|
|
|
<Icon v-show="!isCollapsed" class="sub-menu-icon" :custom="menuItem.icon" size="16" />
|
|
|
<span>
|
|
|
{{menuItem.name}}
|
|
|
- <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;">
|
|
|
+ <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;margin-top:3px">
|
|
|
{{menuItem.tag}}
|
|
|
</span>
|
|
|
</span>
|
|
@@ -51,7 +51,7 @@
|
|
|
<Icon v-show="!isCollapsed" :custom="item.icon" :class="isCollapsed ? 'collapse-icon-size':''" size="16" />
|
|
|
<span>
|
|
|
{{item.name}}
|
|
|
- <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;">
|
|
|
+ <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;margin-top:3px">
|
|
|
{{item.tag}}
|
|
|
</span>
|
|
|
</span>
|
|
@@ -77,7 +77,7 @@
|
|
|
<Icon v-show="!isCollapsed" class="sub-menu-icon" :custom="menuItem.icon" size="16" />
|
|
|
<span>
|
|
|
{{menuItem.name}}
|
|
|
- <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;">
|
|
|
+ <span style="color: aqua;margin-left: 2px;font-size: 12px;vertical-align: text-top;margin-top:3px">
|
|
|
{{menuItem.tag}}
|
|
|
</span>
|
|
|
</span>
|
|
@@ -90,14 +90,13 @@
|
|
|
<Icon v-show="!isCollapsed" :custom="item.icon" :class="isCollapsed ? 'collapse-icon-size':''" size="16" />
|
|
|
<span>
|
|
|
{{item.name}}
|
|
|
- <span style="color: aqua;margin-left: 2px;font-size: 12px;">
|
|
|
+ <span style="color: aqua;margin-left: 2px;font-size: 12px;margin-top:3px">
|
|
|
{{item.tag}}
|
|
|
</span>
|
|
|
</span>
|
|
|
</MenuItem>
|
|
|
</div>
|
|
|
</MenuGroup>
|
|
|
-
|
|
|
</vuescroll>
|
|
|
</Menu>
|
|
|
<p class="copyright-info" v-show="!isCollapsed">
|
|
@@ -560,7 +559,34 @@ export default {
|
|
|
font-size: 12px;
|
|
|
line-height: 30px;
|
|
|
height: 30px;
|
|
|
+ position: relative;
|
|
|
+ color: white;
|
|
|
+}
|
|
|
+.ivu-menu-item-group{
|
|
|
+ position: relative;
|
|
|
}
|
|
|
+.biz-menu .ivu-menu-vertical .ivu-menu-item-group::after {
|
|
|
+ content: "";
|
|
|
+ width: 90%;
|
|
|
+ height: 1px;
|
|
|
+ background: #303030;
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ bottom: -10px;
|
|
|
+ box-shadow:0px 12px 8px -12px #000;
|
|
|
+}
|
|
|
+
|
|
|
+.biz-menu .collapsed-menu .ivu-menu-item-group::after {
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
+.biz-menu .ivu-menu-item-group:nth-child(2)::after {
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+.biz-menu .ivu-menu-item-group:nth-child(2) {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
.biz-menu .ivu-menu-item-group:first-child {
|
|
|
margin-top: 0px;
|
|
|
}
|