统一前端页面蓝灰换皮样式

ruoyi-ui/src/layout/components/Navbar.vue

@@ -120,8 +120,9 @@ export default {
   height: 50px;
   overflow: hidden;
   position: relative;
-  background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  background: rgba(255, 255, 255, 0.94);
+  border-bottom: 1px solid #e7edf5;
+  box-shadow: 0 8px 20px rgba(31, 45, 61, 0.05);
   display: flex;
   align-items: center;
   // padding: 0 8px;
@@ -139,7 +140,7 @@ export default {
     margin-right: 8px;
 
     &:hover {
-      background: rgba(0, 0, 0, .025)
+      background: #f7fafd
     }
   }
 
@@ -190,7 +191,7 @@ export default {
         transition: background .3s;
 
         &:hover {
-          background: rgba(0, 0, 0, .025)
+          background: #f7fafd
         }
       }
     }
@@ -216,7 +217,8 @@ export default {
           bottom: 10px;
           left: 2px;
           font-size: 14px;
-          font-weight: bold;
+          font-weight: 600;
+          color: #1f2d3d;
         }
 
         .el-icon-caret-bottom {

ruoyi-ui/src/layout/components/TagsView/index.vue

@@ -245,9 +245,9 @@ export default {
 .tags-view-container {
   height: 34px;
   width: 100%;
-  background: #fff;
-  border-bottom: 1px solid #d8dce5;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
+  background: rgba(255, 255, 255, 0.92);
+  border-bottom: 1px solid #e7edf5;
+  box-shadow: 0 6px 16px rgba(31, 45, 61, .04);
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -255,9 +255,10 @@ export default {
       cursor: pointer;
       height: 26px;
       line-height: 26px;
-      border: 1px solid #d8dce5;
-      color: #495060;
+      border: 1px solid #d9e3ee;
+      color: #5f6b7a;
       background: #fff;
+      border-radius: 8px;
       padding: 0 8px;
       font-size: 12px;
       margin-left: 5px;