zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 兼容问题

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-01-31 16:38:58 +08:00
parent 8ede3e82a5
commit 4fd78e5b79
1 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ui/src/components/login-layout/index.vue
View File

@ -2,15 +2,8 @@
<div class="login-warp flex-center">
<div class="login-container w-full h-full">
<el-row class="container w-full h-full">
<el-col
:xs="0"
:sm="0"
:md="10"
:lg="10"
:xl="10"
class="left-container"
v-if="screenWidth && screenWidth >= 990"
>
<!-- v-if="screenWidth && screenWidth >= 990" -->
<el-col :xs="0" :sm="0" :md="10" :lg="10" :xl="10" class="left-container">
<div class="login-image"></div>
</el-col>
<el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="14" class="right-container flex-center">
@ -21,18 +14,18 @@
</div>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue'
import type { Ref } from 'vue'
// import { ref, onMounted } from 'vue'
// import type { Ref } from 'vue'
defineOptions({ name: 'LoginLayout' })
const screenWidth: Ref<number | null> = ref(null)
onMounted(() => {
screenWidth.value = document.body.clientWidth
window.onresize = () => {
return (() => {
screenWidth.value = document.body.clientWidth
})()
}
})
// const screenWidth: Ref<number | null> = ref(null)
// onMounted(() => {
// screenWidth.value = document.body.clientWidth
// window.onresize = () => {
// return (() => {
// screenWidth.value = document.body.clientWidth
// })()
// }
// })
</script>
<style lang="scss" scope>
.login-warp {