修改

马宇豪

2025-05-09 cbb23429b8beed72b58cbb57f9b3c56a0fb2b5d2

 src/views/loginPage/loginPage.vue

@@ -2,7 +2,7 @@
    <div class="login-container">
        <div class="loginContent">
            <div class="loginPanel">
                <div class="welcc">科学研究实验风险评估系统</div>
                <div class="welcc">科学研究实验安全风险评估系统</div>
                <div class="loginGroup">
                  <div class="loginPic">
                    <img src="../../assets/loginPage/login-pic.png">
@@ -15,7 +15,7 @@
                </div>
            </div>
        </div>
        <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>
<!--        <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>-->
    </div>
</template>

@@ -63,18 +63,60 @@
</script>

<style scoped lang="scss">
    @media screen and (min-width: 1200px){
    @media screen and (min-width: 1366px){
        .loginContent{
            display: flex;
            justify-content: space-around;
            padding: 0 200px;
        }
        .loginPic{
          width: 55%;
          height: 100%;
          position: relative;

          img{
            width: 100%;
            height: auto;
            position: absolute;
            bottom: -180px;
            right: 5%;
            margin-top: 40px;
          }
        }
    }
    @media screen and (min-width: 960px) and (max-width: 1200px){
    @media screen and (min-width: 1024px) and (max-width: 1366px){
      .loginPic{
        width: 55%;
        height: 100%;
        position: relative;

        img{
          width: 103%;
          height: auto;
          position: absolute;
          bottom: -80px;
          right: 0;
        }
      }
    }
    @media screen and (min-width: 960px) and (max-width: 1024px){
        .loginContent{
            display: flex;
            justify-content: space-between;
            padding: 0 40px;
        }
        .loginPic{
          width: 55%;
          height: 100%;
          position: relative;

          img{
            width: 103%;
            height: auto;
            position: absolute;
            bottom: -80px;
            right: 0;
          }
        }
    }
.login-container {
@@ -119,13 +161,16 @@
            border-radius: 15px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            .welcc {
              font-size: 52px;
              font-size: clamp(2.625rem, 1.911rem + 1.12vw, 3.25rem);
              font-family: 'PingFang SC';
              text-align: right;
              font-weight: 900;
              color: #485BD4;
              letter-spacing: 6px;
              letter-spacing: 2px;
              white-space: nowrap;
              position: relative;
              z-index: 999;
              text-shadow: 0 3px 5px rgba(72,91,212,.4);
            }

            :deep(.loginGroup){
@@ -133,20 +178,7 @@
              height: 100%;
              display: flex;
              align-items: center;
              .loginPic{
                width: 55%;
                height: 100%;
                position: relative;

                img{
                  width: 103%;
                  height: auto;
                  position: absolute;
                  bottom: -180px;
                  right: 15%;
                  margin-top: 40px;
                }
              }
              .el-tabs__content{
                display: flex;
                justify-content: center;