| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | |
|---|
| | | .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; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 1.5; |
|---|
| | | transform: translateY(-120px); |
|---|
| | | .bigName{ |
|---|
| | | font-family: 'AliMa'; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 3rem; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 1.6; |
|---|
| | | transform: translateY(-120px); |
|---|
| | | 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 { |
|---|
