style: fix

src/layout/components/tag/index.scss

@@ -64,6 +64,8 @@
   display: flex;
   align-items: center;
   box-shadow: 0 0 1px #888;
+  color: var(--el-text-color-regular);
+  background: #fff;
 
   .scroll-item {
     border-radius: 3px 3px 0 0;
@@ -132,14 +134,14 @@
 
   .right-button {
     display: flex;
-    align-items: center;
     font-size: 16px;
 
     li {
+      display: flex;
+      align-items: center;
+      justify-content: center;
       width: 40px;
       height: 38px;
-      line-height: 38px;
-      text-align: center;
       border-right: 1px solid #ccc;
       cursor: pointer;
     }
@@ -225,13 +227,30 @@
   }
 }
 
-.icon-left {
+.ri-arrow-left-s-line {
+  width: 40px;
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  font-size: 20px;
+  color: #00000073;
+  box-shadow: 5px 0 5px -6px #ccc;
+
   &:hover {
     cursor: w-resize;
   }
 }
 
-.icon-right {
+.ri-arrow-right-s-line {
+  width: 40px;
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  font-size: 20px;
+  border-right: 1px solid #ccc;
+  color: #00000073;
+  box-shadow: -5px 0 5px -6px #ccc;
+
   &:hover {
     cursor: e-resize;
   }

src/layout/components/tag/index.vue

@@ -29,8 +29,6 @@ import close from "/@/assets/svg/close.svg";
 import refresh from "/@/assets/svg/refresh.svg";
 import closeAll from "/@/assets/svg/close_all.svg";
 import closeLeft from "/@/assets/svg/close_left.svg";
-import arrowLeft from "/@/assets/svg/arrow-left.svg";
-import arrowRight from "/@/assets/svg/arrow-right.svg";
 import closeOther from "/@/assets/svg/close_other.svg";
 import closeRight from "/@/assets/svg/close_right.svg";
 
@@ -499,7 +497,7 @@ onBeforeMount(() => {
 
 <template>
   <div ref="containerDom" class="tags-view" v-if="!showTags">
-    <arrowLeft @click="handleScroll(200)" />
+    <i class="ri-arrow-left-s-line" @click="handleScroll(200)"></i>
     <el-scrollbar
       tag="span"
       ref="scrollbarDom"
@@ -547,7 +545,7 @@ onBeforeMount(() => {
         </div>
       </div>
     </el-scrollbar>
-    <arrowRight @click="handleScroll(-200)" />
+    <i class="ri-arrow-right-s-line" @click="handleScroll(-200)"></i>
     <!-- 右键菜单按钮 -->
     <transition name="el-zoom-in-top">
       <ul