Merge remote-tracking branch 'origin/master'

zhouwx

2025-01-13 d7620e8613678ee38cdfd02c6b647d4fe6e1411f

 src/views/login.vue

@@ -1,7 +1,13 @@
<template>
  <el-row class="login">
    <el-col :sm="24" :md="12" class="login-name">
      新疆维吾尔自治区特种作业<br/>安全生产知识和管理能力考核平台
      <div class="bigName">
        <span>新疆维吾尔自治区</span>
        <br/>安全生产知识和管理能力考核平台
      </div>
      <div class="smallName">
        数据存档 / 远程监巡考 / 特种作业缴费 / 网络培训监管
      </div>
    </el-col>
    <el-col :sm="24" :md="12" class="login-box">
      <div class="login-card">
@@ -198,18 +204,29 @@

.login-name{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  -webkit-opacity: 0;
  animation: floatDown ease 0.6s forwards;
  justify-content: center;
  align-items: center;
  font-family: 'AliMa';
  color: #fff;
  font-size: 3rem;
  text-align: center;
  line-height: 1.6;
  line-height: 1.5;
  transform: translateY(-120px);
  text-shadow: -10px 10px 20px rgba(0,0,0,.4);
  .bigName{
    font-family: 'AliMa';
    color: #fff;
    font-size: 3rem;
    text-shadow: -10px 10px 20px rgba(0,0,0,.4);
    span{
      font-size: 4rem;
    }
  }
  .smallName{
    margin-top: 20px;
    font-size: 1.3rem;
    color: #fff;
  }
}

@keyframes floatUp {
@@ -224,20 +241,21 @@
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  -webkit-opacity: 0;
  animation: floatUp ease 0.6s forwards;

  .login-card{
    width: 500px;
    padding: 30px;
    border-radius: 16px;
    background-color: rgba(40,40,40,.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(40,40,40,.4);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.6);
    max-width: 100%;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    opacity: 0;
    -webkit-opacity: 0;
    animation: floatUp ease 0.6s forwards;
  }
  .login-form {
    width: 100%;