gitY
/
DiKongGanZhiPingTai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://123.132.248.154:10000/gitY/DiKongGanZhiPingTai

main
刘妍 2025-08-25 10:58:36 +08:00
parent 0756eff6a4 72541ab687
commit fb6aa177b2
2 changed files with 44 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/demo/system/mediaLibrary/path/pathImageInfo.vue
View File

@ -72,12 +72,22 @@
<CloseOutlined @click="closePathImageInfo" style="font-size: 20px; color: white" /> <CloseOutlined @click="closePathImageInfo" style="font-size: 20px; color: white" />
</div> </div>
<!-- 上一张、下一张图片 --> <!-- 上一张、下一张图片 -->
<div class="leftButton" @click="clickLeftOrRightButton('left')"> <a-tooltip placement="top">
<LeftOutlined style="color: #ffffff; font-size: 20px" /> <template #title>
</div> <span>可以使用键盘左右键切换</span>
<div class="rightButton" @click="clickLeftOrRightButton('right')"> </template>
<RightOutlined style="color: #ffffff; font-size: 20px" /> <div class="leftButton" @click="clickLeftOrRightButton('left')">
</div> <LeftOutlined style="color: #ffffff; font-size: 20px" />
</div>
</a-tooltip>
<a-tooltip placement="top">
<template #title>
<span>可以使用键盘左右键切换</span>
</template>
<div class="rightButton" @click="clickLeftOrRightButton('right')">
<RightOutlined style="color: #ffffff; font-size: 20px" />
</div>
</a-tooltip>
<!-- 涂鸦颜色选择-提示 --> <!-- 涂鸦颜色选择-提示 -->
<div @click="setGraffiti" :class="graffitiFlag ? 'graffitiButton_choose' : 'graffitiButton'"> <div @click="setGraffiti" :class="graffitiFlag ? 'graffitiButton_choose' : 'graffitiButton'">
@ -1247,6 +1257,12 @@
if (event.code === 'Escape' && graffitiFlag.value) { if (event.code === 'Escape' && graffitiFlag.value) {
setGraffiti(); setGraffiti();
} }
if (event.code == 'ArrowLeft') {
clickLeftOrRightButton('left');
}
if (event.code == 'ArrowRight') {
clickLeftOrRightButton('right');
}
}; };
// 在组件挂载时添加监听器 // 在组件挂载时添加监听器

29
src/views/demo/system/mediaLibrary/preview/previewImage.vue
View File

@ -372,13 +372,22 @@
</div> </div>
<!-- 上一张、下一张图片 --> <!-- 上一张、下一张图片 -->
<div class="leftButton" @click="clickLeftOrRightButton('left')"> <a-tooltip placement="top">
<LeftOutlined style="color: #ffffff; font-size: 20px" /> <template #title>
</div> <span>可以使用键盘左右键切换</span>
<div class="rightButton" @click="clickLeftOrRightButton('right')"> </template>
<RightOutlined style="color: #ffffff; font-size: 20px" /> <div class="leftButton" @click="clickLeftOrRightButton('left')">
</div> <LeftOutlined style="color: #ffffff; font-size: 20px" />
</div>
</a-tooltip>
<a-tooltip placement="top">
<template #title>
<span>可以使用键盘左右键切换</span>
</template>
<div class="rightButton" @click="clickLeftOrRightButton('right')">
<RightOutlined style="color: #ffffff; font-size: 20px" />
</div>
</a-tooltip>
<!-- 涂鸦颜色选择-提示 --> <!-- 涂鸦颜色选择-提示 -->
<div @click="setGraffiti" :class="graffitiFlag ? 'graffitiButton_choose' : 'graffitiButton'"> <div @click="setGraffiti" :class="graffitiFlag ? 'graffitiButton_choose' : 'graffitiButton'">
<a-popover placement="left"> <a-popover placement="left">
@ -1051,6 +1060,12 @@
if (event.code === 'Escape' && graffitiFlag.value) { if (event.code === 'Escape' && graffitiFlag.value) {
setGraffiti(); setGraffiti();
} }
if (event.code == 'ArrowLeft') {
clickLeftOrRightButton('left');
}
if (event.code == 'ArrowRight') {
clickLeftOrRightButton('right');
}
}; };
// 全屏 // 全屏