fix: lock page
parent
aa7a926344
commit
254e57e516
|
@ -52,7 +52,7 @@ const avatar = computed(() => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<BasicModal :footer="null" :title="t('layout.header.lockScreen')" v-bind="$attrs" :class="prefixCls" @register="register">
|
<BasicModal :footer="null" width="25%" :title="t('layout.header.lockScreen')" v-bind="$attrs" :class="prefixCls" @register="register">
|
||||||
<div :class="`${prefixCls}__entry`">
|
<div :class="`${prefixCls}__entry`">
|
||||||
<div :class="`${prefixCls}__header`">
|
<div :class="`${prefixCls}__header`">
|
||||||
<img :src="avatar" :class="`${prefixCls}__header-img`">
|
<img :src="avatar" :class="`${prefixCls}__header-img`">
|
||||||
|
@ -101,6 +101,7 @@ const avatar = computed(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
&__footer {
|
&__footer {
|
||||||
|
margin-top: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -57,13 +57,12 @@ function handleShowForm(show = false) {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div :class="prefixCls" class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center">
|
<div :class="prefixCls" class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center" @click="handleShowForm(false)">
|
||||||
<!-- eslint-disable max-len -->
|
<!-- eslint-disable max-len -->
|
||||||
<div
|
<div
|
||||||
v-show="showDate"
|
v-show="showDate"
|
||||||
:class="`${prefixCls}__unlock`"
|
:class="`${prefixCls}__unlock`"
|
||||||
class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl flex-col cursor-pointer transform translate-x-1/2"
|
class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl flex-col cursor-pointer transform translate-x-1/2"
|
||||||
@click="handleShowForm(false)"
|
|
||||||
>
|
>
|
||||||
<LockOutlined />
|
<LockOutlined />
|
||||||
<span>{{ t('sys.lock.unlock') }}</span>
|
<span>{{ t('sys.lock.unlock') }}</span>
|
||||||
|
|
Loading…
Reference in New Issue