fix(fullscreen): 修复事件移除
This commit is contained in:
parent
303256afa1
commit
e331cb2e68
@ -205,8 +205,8 @@ onMounted(() => {
|
|||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
//@ts-ignore
|
//@ts-ignore
|
||||||
document.addEventListener(fullscreenAPI.fullscreenchange, onFullscreenchange);
|
document.removeEventListener(fullscreenAPI.fullscreenchange, onFullscreenchange);
|
||||||
document.addEventListener("keydown", onFullscreenchange);
|
document.removeEventListener("keydown", onFullscreenchange);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -52,7 +52,7 @@
|
|||||||
<div class="code">layui-anim-fadein</div>
|
<div class="code">layui-anim-fadein</div>
|
||||||
</li>
|
</li>
|
||||||
<li style="height:auto">
|
<li style="height:auto">
|
||||||
<div class="layui-anim layui-anim-fadeout" @click="replay">渐隐</div>
|
<div class="layui-anim" @click="replay($event,'layui-anim-fadeout')">渐隐</div>
|
||||||
<div class="code">layui-anim-fadeout</div>
|
<div class="code">layui-anim-fadeout</div>
|
||||||
</li>
|
</li>
|
||||||
<li style="height:auto">
|
<li style="height:auto">
|
||||||
@ -72,13 +72,17 @@ import { ref } from 'vue'
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
setup() {
|
setup() {
|
||||||
const replay = (e) => {
|
const replay = (e, aninClass) => {
|
||||||
const el = e.currentTarget;
|
const el = e.currentTarget;
|
||||||
const targetClass = el.classList[1];
|
const targetClass = el.classList[1];
|
||||||
el.classList.remove(targetClass);
|
if(!targetClass){
|
||||||
setTimeout(() => {
|
el.classList.add(aninClass);
|
||||||
el.classList.add(targetClass);
|
}else{
|
||||||
},100)
|
el.classList.remove(targetClass);
|
||||||
|
setTimeout(() => {
|
||||||
|
el.classList.add(targetClass);
|
||||||
|
},100)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
replay
|
replay
|
||||||
|
Loading…
Reference in New Issue
Block a user