Default Changelist

Admin

2022-11-16 f59373dccb4afb37e63f4fe655061d067244860c

 src/views/loginPage/loginPage.vue

@@ -7,7 +7,7 @@
            <el-col :md="12">
                <div class="loginContL">
                    <div class="apTitleT">新疆国泰新华</div>
                    <div class="apTitleB">安全风险预警监测系统</div>
                    <div class="apTitleB">安全风险预警监测系统（试运行）</div>
                    <span></span>
                </div>
            </el-col>
@@ -26,7 +26,7 @@
                </div>
            </el-col>
        </el-row>
        <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司</div>
        <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>
    </div>
</template>

@@ -78,6 +78,30 @@
</script>

<style scoped lang="scss">
    @media screen and (min-width: 1200px){
        .loginContent{
            display: flex;
            justify-content: space-around;
            padding: 0 200px;
        }
        .loginContL {
            font-size: 60px;
            font-weight: bold;
            margin-bottom: 100px;
        }
    }
    @media screen and (min-width: 960px) and (max-width: 1200px){
        .loginContent{
            display: flex;
            justify-content: space-between;
            padding: 0 40px;
        }
        .loginContL {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 80px;
        }
    }
.login-container {
    width: 100%;
    height: 100%;
@@ -106,23 +130,25 @@
        left: 0;
    }
    .rights {
        font-size: 16px;
        font-size: 1.2rem;
        color: #fff;
        position: absolute;
        bottom: 30px;
        text-align: center;

        span{
            font-size: 1rem;
            color: #eee;
        }
    }
    .loginContent {
        width: 100%;
        padding: 0 200px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 60px;

        .loginContL {
            width: 100%;
            font-size: 60px;
            font-weight: bold;
            margin-bottom: 100px;

            .apTitleT {
                color: #fff;
@@ -131,7 +157,7 @@
            }
            .apTitleB {
                color: #01d0ff;
                margin-bottom: 40px;
                margin-bottom: 36px;
                letter-spacing: 4px;
            }
            & > span {