ui修改-颜色等

src/layouts/header/index.vue

@@ -1,13 +1,8 @@
 <template>
     <div class="header">
         <a class="logo" @click="toIndex">
-            <!-- <img width="180" v-if="isLogin || (isManager && showSetting) || !isUser" src="@/assets/img/logo.png" alt=""> -->
             <span v-if="token && isManager && !showSetting">{{schoolName}}</span>
         </a>
-        <!-- <div class="search" v-if="isData">
-            <input v-model="keyword" type="text" placeholder="请输入数据表名称">
-            <img src="../../assets/img/search.png" alt="" class="search-icon">
-        </div> -->
         <div class="inner">
             <div style="height: 70px;"></div>
             <navbar ref="nav"></navbar>

src/layouts/navbar/index.vue

@@ -112,18 +112,19 @@ export default {
     .nav{
         position: absolute;
         top: 0;
-        left: 50%;
-        transform: translateX(-50%);
+        left: 250px;
         display: flex;
         li{
-            padding: 0 25px;
+            padding: 0 15px;
+            margin: 0 20px;
             font-size: 16px;
-            line-height: 70px;
-            color: #0d0d0d;
+            line-height: 66px;
+            color: #3F3F3F;
             cursor: pointer;
+            border-bottom: 4px solid transparent;
             &.active{
-                color: #fff;
-                background-color: #568df2;
+                color: #0076FF;
+                border-bottom-color: #0070FF;
             }
         }
     }

src/pages/data/list/index.vue

@@ -526,10 +526,8 @@ export default {
             
             .menu{
                 width: 200px;
-                border-radius: 8px;
                 overflow: hidden;
                 &>.el-menu-item,.el-submenu__title{
-                    background-color: rgba(228,237,255,.4);
                     span{
                         font-size: 15px;
                         color: #3381d2;
@@ -540,14 +538,13 @@ export default {
                 }
                 .el-submenu.is-active{
                     .el-submenu__title{
-                        background-color: rgba(147,184,255,.3);
                         &+.el-menu .el-submenu__title{
                             background-color: rgba(147,184,255,.15);
                         }
                     }
                 }
                 .el-menu-item.is-active{
-                    color: $main-color;
+                    background-color: #0070FF;
                 }
                 .level-6 {
                     padding-right: 0;

src/styles/common.scss

@@ -16,7 +16,7 @@
 ::-webkit-scrollbar-thumb {
     width: 5px;
     border-radius: 6px;
-    background: rgba(86,141,242,.7);
+    background: rgba(173,173,173,.7);
 }
 
 .required{
@@ -72,7 +72,6 @@
     position: relative;
     padding: 24px 10px;
     background-color: #fff;
-    border-radius: 8px;
     .page-content{
         padding: 26px 36px 0;
         .tool{
@@ -163,7 +162,7 @@
 }
 
 .el-table{
-    border-radius: 8px;
+    border-radius: 4px;
     border: 1px solid rgba(0, 0, 0, 0.06);
     border-bottom: 0;
     .cell{
@@ -181,7 +180,7 @@
     th{
         background: $--color-primary !important;
         .cell{
-            color: #fff;
+            color: #222326;
             font-size: 14px;
             font-weight: normal;
             .el-checkbox{

src/styles/default/index.scss

@@ -1,6 +1,6 @@
 /* 改变主题色变量 */
 
-$--color-primary: #568DF2;
+$--color-primary: #E6F0FF;
 
 /* 改变 icon 字体路径变量，必需 */
 $--font-path: '~element-ui/lib/theme-chalk/fonts';