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

un-pany · Nov 27, 2024 · fa0eadd · fa0eadd
1 parent 0cbb1ea
commit fa0eadd
Showing 1 changed file with 10 additions and 6 deletions.
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>