refactor: ♻️ 登录页面背景优化
Former-commit-id: 7da2ea278b644e792e369011d3e8be9310604ce0
This commit is contained in:
BIN
src/assets/images/login-bg-dark.jpg
Normal file
BIN
src/assets/images/login-bg-dark.jpg
Normal file
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 |
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user