多页签栏样式修改

封装的axios自带catch

vue/src/api/request.js

@@ -92,7 +92,7 @@ class Api {
     request(...args) {
         const params = this.arg ? this.arg(...args) : undefined
         const method = this.isGet ? 'get' : 'post'
-        const promise = instance[method](this.url, params)
+        const promise = instance[method](this.url, params).catch(e => console.error(e))
         return this.chain ? this.chain(promise) : promise
     }
 }

vue/src/layout/component/TagsView/style.scss

@@ -1,25 +1,25 @@
 @import "~@/asset/style/variables.scss";
 
 .tags-view-container {
+    z-index: 8;
     height: $tags-view-height;
-    background: #f0f0f0;
-    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-color: #f0f2f5;
+    box-shadow: inset 0 0 3px 2px hsla(0, 0%, 39.2%, .1);
 
     .tags-view-wrapper {
         white-space: nowrap;
         position: relative;
-        box-shadow: inset 0 0 3px 2px hsla(0, 0%, 39.2%, .1);
 
         .tags-view-item {
             display: inline-block;
             position: relative;
             cursor: pointer;
             height: 32px;
-            line-height: 35px;
+            line-height: 32px;
             color: #909399;
-            background: #fff;
+            background-color: #ffffff;
             border-radius: 3px;
+            border: 1px solid #e8eaec;
             padding: 0 12px;
             font-size: 12px;
             margin: 4px;