Merge branch 'main' of http://123.132.248.154:10000/gitY/DiKongGanZhiPingTai
commit
fb6aa177b2
|
|
@ -72,12 +72,22 @@
|
|||
<CloseOutlined @click="closePathImageInfo" style="font-size: 20px; color: white" />
|
||||
</div>
|
||||
<!-- 上一张、下一张图片 -->
|
||||
<div class="leftButton" @click="clickLeftOrRightButton('left')">
|
||||
<LeftOutlined style="color: #ffffff; font-size: 20px" />
|
||||
</div>
|
||||
<div class="rightButton" @click="clickLeftOrRightButton('right')">
|
||||
<RightOutlined style="color: #ffffff; font-size: 20px" />
|
||||
</div>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>
|
||||
<span>可以使用键盘左右键切换</span>
|
||||
</template>
|
||||
<div class="leftButton" @click="clickLeftOrRightButton('left')">
|
||||
<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'">
|
||||
|
|
@ -1247,6 +1257,12 @@
|
|||
if (event.code === 'Escape' && graffitiFlag.value) {
|
||||
setGraffiti();
|
||||
}
|
||||
if (event.code == 'ArrowLeft') {
|
||||
clickLeftOrRightButton('left');
|
||||
}
|
||||
if (event.code == 'ArrowRight') {
|
||||
clickLeftOrRightButton('right');
|
||||
}
|
||||
};
|
||||
|
||||
// 在组件挂载时添加监听器
|
||||
|
|
|
|||
|
|
@ -372,13 +372,22 @@
|
|||
</div>
|
||||
|
||||
<!-- 上一张、下一张图片 -->
|
||||
<div class="leftButton" @click="clickLeftOrRightButton('left')">
|
||||
<LeftOutlined style="color: #ffffff; font-size: 20px" />
|
||||
</div>
|
||||
<div class="rightButton" @click="clickLeftOrRightButton('right')">
|
||||
<RightOutlined style="color: #ffffff; font-size: 20px" />
|
||||
</div>
|
||||
|
||||
<a-tooltip placement="top">
|
||||
<template #title>
|
||||
<span>可以使用键盘左右键切换</span>
|
||||
</template>
|
||||
<div class="leftButton" @click="clickLeftOrRightButton('left')">
|
||||
<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'">
|
||||
<a-popover placement="left">
|
||||
|
|
@ -1051,6 +1060,12 @@
|
|||
if (event.code === 'Escape' && graffitiFlag.value) {
|
||||
setGraffiti();
|
||||
}
|
||||
if (event.code == 'ArrowLeft') {
|
||||
clickLeftOrRightButton('left');
|
||||
}
|
||||
if (event.code == 'ArrowRight') {
|
||||
clickLeftOrRightButton('right');
|
||||
}
|
||||
};
|
||||
|
||||
// 全屏
|
||||
|
|
|
|||
Loading…
Reference in New Issue