新项目

zhouwx

2024-12-04 80c8993820fc3f958397bebe9dbd72be6a449c55

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
@import './index.scss';
 
/* 页面宽度小于992px
------------------------------- */
@media screen and (max-width: $lg) {
    .login-container {
        .login-icon-group {
            &::before {
                content: '';
                height: 70% !important;
                transition: all 0.3s ease;
            }
            &::after {
                content: '';
                width: 100px !important;
                height: 200px !important;
                transition: all 0.3s ease;
            }
        }
    }
}
 
/* 页面宽度小于992px
------------------------------- */
@media screen and (max-width: $md) {
    .login-content {
        right: unset !important;
        left: 50% !important;
        transform: translate(-50%, -50%) translate3d(0, 0, 0) !important;
    }
}
 
/* 页面宽度小于576px
------------------------------- */
@media screen and (max-width: $xs) {
    .login-container {
        .login-icon-group {
            display: none !important;
        }
        .login-content {
            width: 100% !important;
            height: 100% !important;
            padding: 20px 0 !important;
            border-radius: 0 !important;
            box-shadow: unset !important;
            border: none !important;
        }
        .el-form-item {
            display: flex !important;
        }
    }
}
 
/* 页面宽度小于375px
------------------------------- */
@media screen and (max-width: $us) {
    .login-container {
        .login-content-title {
            font-size: 18px !important;
            transition: all 0.3s ease;
        }
    }
}