|
|
@@ -10,7 +10,7 @@
|
|
|
<el-menu-item index="/test">
|
|
|
<i class="el-icon-s-data"></i>
|
|
|
<template v-slot:title>
|
|
|
- <span>Test</span>
|
|
|
+ <span class="el-menu-item">Home Page</span>
|
|
|
</template>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="/algorithmManage">
|
|
|
@@ -101,8 +101,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.title-inner {
|
|
|
- background-color: #9fa8da !important;
|
|
|
- border-color: #9fa8da !important;
|
|
|
+ background-color: #63bbd0 !important;
|
|
|
+ border-color: #63bbd0 !important;
|
|
|
border-radius: 8px !important;
|
|
|
line-height: 40px;
|
|
|
height: 40px;
|
|
|
@@ -114,19 +114,51 @@ export default {
|
|
|
.el-aside {
|
|
|
background-color: #fff !important;
|
|
|
margin-right: 10px;
|
|
|
+ box-shadow: 0px 0px 5px rgb(194, 193, 193);
|
|
|
}
|
|
|
|
|
|
.el-menu {
|
|
|
border-right: solid 1px #fff;
|
|
|
+ /* 浮动板 */
|
|
|
+ position: absolute;
|
|
|
+ width: 191px;
|
|
|
+ height: 281px;
|
|
|
+ left: 24px;
|
|
|
+ right: 809px;
|
|
|
+ top: 177px;
|
|
|
+ bottom: 566px;
|
|
|
+
|
|
|
+
|
|
|
+ background: rgb(255, 253, 253);
|
|
|
+ box-shadow: 0px 0px 14px rgb(117, 117, 117);
|
|
|
+
|
|
|
+ border-radius:
|
|
|
+ 23px;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /* 自动布局 */
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: flex-start;
|
|
|
+ padding: 25px 30px 25px 30px;
|
|
|
}
|
|
|
|
|
|
.el-menu-item {
|
|
|
- width: 92%;
|
|
|
- margin: 0 auto;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ margin: auto;
|
|
|
+ text-align: center;
|
|
|
padding: 0 10px !important;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
font-size: 13px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.el-menu-text {
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.el-menu-item>i {
|
|
|
@@ -140,7 +172,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.el-menu-item.is-active {
|
|
|
- color: #7e57c2;
|
|
|
+ color: #5cb3cc;
|
|
|
background-color: #f0ebf8 !important;
|
|
|
}
|
|
|
|
|
|
@@ -152,8 +184,8 @@ export default {
|
|
|
|
|
|
.logout-fix .logout-name {
|
|
|
min-width: 60px;
|
|
|
- background-color: #7e57c2 !important;
|
|
|
- border-color: #7e57c2 !important;
|
|
|
+ background-color: #5cb3cc !important;
|
|
|
+ border-color: #5cb3cc !important;
|
|
|
color: #fff;
|
|
|
border-radius: 16px;
|
|
|
font-size: 14px;
|
|
|
@@ -173,4 +205,5 @@ export default {
|
|
|
|
|
|
.logout-fix .logout:hover {
|
|
|
color: #000000;
|
|
|
-}</style>
|
|
|
+}
|
|
|
+</style>
|