Explorar el Código

略微修改了css

“lar0129” hace 3 años
padre
commit
2bebd14459
Se han modificado 1 ficheros con 42 adiciones y 9 borrados
  1. 42 9
      src/components/Layout.vue

+ 42 - 9
src/components/Layout.vue

@@ -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>