|
@@ -1,9 +1,5 @@
|
|
|
-<script>
|
|
|
-/*eslint-disable*/
|
|
|
-</script>
|
|
|
-
|
|
|
<template>
|
|
|
- <div class="LoginOrExit" >
|
|
|
+ <div :class="'LoginOrExit ' + classAdd" >
|
|
|
|
|
|
<div class="obj">
|
|
|
<img src="./assets/img/user/sys.png" />
|
|
@@ -32,6 +28,9 @@
|
|
|
<script setup >
|
|
|
import { computed, onMounted, onUnmounted, watch, ref } from "vue";
|
|
|
import { useRouter } from 'vue-router';
|
|
|
+
|
|
|
+let classAdd = ref("");
|
|
|
+
|
|
|
const router = useRouter();
|
|
|
|
|
|
// 接收参数
|
|
@@ -58,6 +57,7 @@ const objTimeEventClose = () => {
|
|
|
let windowsEvent = () => {
|
|
|
objTimeEventClose();
|
|
|
open.value = true;
|
|
|
+ classAdd.value = ' LoginOrExitNew ';
|
|
|
}
|
|
|
|
|
|
let windowsExitEvent = () => {
|
|
@@ -65,6 +65,7 @@ let windowsExitEvent = () => {
|
|
|
objTimeEventClose();
|
|
|
objTimeEvent = setInterval(function() {
|
|
|
open.value = false;
|
|
|
+ classAdd.value = ' ';
|
|
|
objTimeEventClose();
|
|
|
}, 500);
|
|
|
|
|
@@ -107,7 +108,7 @@ $myScale: 0.8;
|
|
|
.LoginOrExit {
|
|
|
position: fixed;
|
|
|
// z-index: 999;
|
|
|
- z-index: 1;
|
|
|
+ z-index: 0;
|
|
|
top: 1.9285rem * $myScale;
|
|
|
right: 3.7857rem * $myScale;
|
|
|
float: left;
|
|
@@ -193,4 +194,8 @@ $myScale: 0.8;
|
|
|
|
|
|
}
|
|
|
|
|
|
+.LoginOrExitNew {
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|