admin/gr_report_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

登录页背景自适应 登录框居中

Browse Source
This commit is contained in:
mll
2026-02-27 13:32:15 +08:00
parent a8db600e90
commit 47168c77d8
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Login/Login.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div :class="prefixCls" class="relative h-[100%]" :style="{ backgroundImage: 'url(' + localImage + ')' }"> <div :class="prefixCls" class="relative h-[100%]" :style="{ backgroundImage: 'url(' + localImage + ')' ,backgroundSize:'cover'}">
<div class="relative mx-auto h-full flex" style="float:left; margin-left: 200px;"> <div class="relative mx-auto h-full flex" style=" margin: 0 auto;">
<div <div
class="relative flex-1 p-30px lt-sm:p-10px overflow-x-hidden overflow-y-auto" class="relative flex-1 p-30px lt-sm:p-10px overflow-x-hidden overflow-y-auto"
:class="`${prefixCls}__right`"> :class="`${prefixCls}__right`">
@@ -137,8 +137,9 @@ $prefix-cls: #{$namespace}-login;
width: 1000px; width: 1000px;
position:absolute; position:absolute;
left:790px; left:50%;
bottom:40px; transform:translateX(-50%);
bottom:20px;
.module { .module {
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;