fix: lock page

pull/31/head
xingyu 2023-08-12 19:42:23 +08:00
parent aa7a926344
commit 254e57e516
2 changed files with 3 additions and 3 deletions

View File

@ -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;
} }
} }

View File

@ -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>