admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
pany 2024-11-27 18:57:16 +08:00
parent 0cbb1ea998
commit fa0eadd986
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layouts/components/TagsView/ScrollPane.vue
View File

@ -108,17 +108,21 @@ listenerRouteChange(() => {
<template> <template>
<div class="scroll-container"> <div class="scroll-container">
<el-icon class="arrow left" @click="scrollTo('left')"> <el-tooltip content="向左滚动标签（超出最大宽度可点击）">
<ArrowLeft /> <el-icon class="arrow left" @click="scrollTo('left')">
</el-icon> <ArrowLeft />
</el-icon>
</el-tooltip>
<el-scrollbar ref="scrollbarRef" @wheel.passive="wheelScroll" @scroll="scroll"> <el-scrollbar ref="scrollbarRef" @wheel.passive="wheelScroll" @scroll="scroll">
<div ref="scrollbarContentRef" class="scrollbar-content"> <div ref="scrollbarContentRef" class="scrollbar-content">
<slot /> <slot />
</div> </div>
</el-scrollbar> </el-scrollbar>
<el-icon class="arrow right" @click="scrollTo('right')"> <el-tooltip content="向右滚动标签（超出最大宽度可点击）">
<ArrowRight /> <el-icon class="arrow right" @click="scrollTo('right')">
</el-icon> <ArrowRight />
</el-icon>
</el-tooltip>
<Screenfull v-if="settingsStore.showScreenfull" :content="true" class="screenfull" /> <Screenfull v-if="settingsStore.showScreenfull" :content="true" class="screenfull" />
</div> </div>
</template> </template>