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

This commit is contained in:
pany 2024-11-27 18:57:16 +08:00
parent 0cbb1ea998
commit fa0eadd986

View File

@ -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>