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)"
|
inactive-color="var(--el-color-primary)"
|
||||||
@change="toggleDark"
|
@change="toggleDark"
|
||||||
/>
|
/>
|
||||||
<lang-select class="ml-4" />
|
<lang-select class="ml-4 cursor-pointer" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 登录表单 -->
|
<!-- 登录表单 -->
|
||||||
<el-card
|
<el-card
|
||||||
@@ -102,6 +102,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -259,8 +268,14 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.dark .login-container {
|
||||||
|
background: url("@/assets/images/login-bg-dark.jpg") no-repeat center right;
|
||||||
|
}
|
||||||
|
|
||||||
.login-container {
|
.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 {
|
.login-form {
|
||||||
padding: 30px 10px;
|
padding: 30px 10px;
|
||||||
@@ -288,6 +303,7 @@ onMounted(() => {
|
|||||||
:deep(.el-input) {
|
:deep(.el-input) {
|
||||||
.el-input__wrapper {
|
.el-input__wrapper {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
||||||
input:-webkit-autofill {
|
input:-webkit-autofill {
|
||||||
|
|||||||
Reference in New Issue
Block a user