refactor: ♻️ 登录页面背景优化

Former-commit-id: 7da2ea278b
This commit is contained in:
hxr 2023-11-02 23:33:09 +08:00
parent 09137850ff
commit bf94d0400b
3 changed files with 18 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 509 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -11,7 +11,7 @@
inactive-color="var(--el-color-primary)"
@change="toggleDark"
/>
<lang-select class="ml-4" />
<lang-select class="ml-4 cursor-pointer" />
</div>
<!-- 登录表单 -->
<el-card
@ -102,6 +102,15 @@
</div>
</el-form>
</el-card>
<!-- ICP备案 -->
<div class="absolute bottom-1 text-[6px] text-center">
<p>
Copyright © 2021 - 2023 youlai.tech All Rights Reserved. 有来技术
版权所有
</p>
<p>ICP备案号:皖ICP备20006496号-3</p>
</div>
</div>
</template>
@ -259,8 +268,14 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
.dark .login-container {
background: url("@/assets/images/login-bg-dark.jpg") no-repeat center right;
}
.login-container {
@apply w-full h-full flex-center dark:bg-#101628 bg-no-repeat bg-center-top;
@apply w-full h-full flex-center;
background: url("@/assets/images/login-bg.jpg") no-repeat center right;
.login-form {
padding: 30px 10px;
@ -288,6 +303,7 @@ onMounted(() => {
:deep(.el-input) {
.el-input__wrapper {
padding: 0;
background-color: transparent;
box-shadow: none;
input:-webkit-autofill {