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