feat: 标签栏左右滚动按钮文字提示

pany-ang · pany-ang · commit fa0eadd98644 · 2024-11-27T18:57:16.000+08:00
diff --git a/src/layouts/components/TagsView/ScrollPane.vue b/src/layouts/components/TagsView/ScrollPane.vue
@@ -108,17 +108,21 @@ listenerRouteChange(() => {
 
 <template>
   <div class="scroll-container">
-    <el-icon class="arrow left" @click="scrollTo('left')">
-      <ArrowLeft />
-    </el-icon>
+    <el-tooltip content="向左滚动标签（超出最大宽度可点击）">
+      <el-icon class="arrow left" @click="scrollTo('left')">
+        <ArrowLeft />
+      </el-icon>
+    </el-tooltip>
     <el-scrollbar ref="scrollbarRef" @wheel.passive="wheelScroll" @scroll="scroll">
       <div ref="scrollbarContentRef" class="scrollbar-content">
         <slot />
       </div>
     </el-scrollbar>
-    <el-icon class="arrow right" @click="scrollTo('right')">
-      <ArrowRight />
-    </el-icon>
+    <el-tooltip content="向右滚动标签（超出最大宽度可点击）">
+      <el-icon class="arrow right" @click="scrollTo('right')">
+        <ArrowRight />
+      </el-icon>
+    </el-tooltip>
     <Screenfull v-if="settingsStore.showScreenfull" :content="true" class="screenfull" />
   </div>
 </template>
