pengda
2 months ago
2 changed files with 4 additions and 123 deletions
@ -1,119 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="./style/css/common.css"> |
|||
<style> |
|||
.login-wrap { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex: 1; |
|||
} |
|||
|
|||
.login-container { |
|||
padding: 40px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
width: calc(440px - 40px*2); |
|||
height: calc(429.32px - 40px*2); |
|||
border-radius: 16px; |
|||
opacity: 1; |
|||
background: #FFFFFF; |
|||
/* 蓝色阴影_常规 */ |
|||
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12); |
|||
position: relative; |
|||
} |
|||
.con-top{ |
|||
margin-bottom: 43px; |
|||
} |
|||
.con-top span{ |
|||
font-family: MiSans; |
|||
font-size: 20px; |
|||
font-weight: 600; |
|||
line-height: 24px; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: 0px; |
|||
color: #1E2226; |
|||
margin-left: 8px; |
|||
} |
|||
.qrcode{ |
|||
margin-bottom: 12px; |
|||
} |
|||
.code-filter{ |
|||
opacity: 1; |
|||
background: rgba(255, 255, 255, 0.9); |
|||
backdrop-filter: blur(2px); |
|||
position: absolute; |
|||
cursor: pointer; |
|||
top: 117px; |
|||
} |
|||
.code-filter img{ |
|||
margin-bottom: 6px; |
|||
} |
|||
.weixin-log{ |
|||
margin-bottom: 6px; |
|||
} |
|||
.weixin-log img{ |
|||
margin-right: 4px; |
|||
} |
|||
.weixin-log + p{ |
|||
color: #1E2226; |
|||
letter-spacing: 0.08em; |
|||
} |
|||
.qrcode img, .code-filter{ |
|||
width: 220px; |
|||
height: 220px; |
|||
} |
|||
.login-main{ |
|||
width: 100%; |
|||
height: 100%; |
|||
background-size: 100% 100%; |
|||
background-image: url(./style/img/login_back.png); |
|||
flex-direction: column; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="login-main flex"> |
|||
<div class="login-wrap"> |
|||
<div class="login-container"> |
|||
<div class="con-top center"> |
|||
<img src="./style/img/login_top.svg" alt=""> |
|||
<span>私有云知识库</span> |
|||
</div> |
|||
<div class="qrcode"> |
|||
<!-- 暂时排版用 --> |
|||
<img src="./style/img/qrcode-tem.png" alt=""> |
|||
</div> |
|||
<div class="code-filter column "> |
|||
<img src="./style/img/refresh.svg" alt=""> |
|||
<span>点击刷新</span> |
|||
</div> |
|||
<div class="login-bottom "> |
|||
<div class="weixin-log center"> |
|||
<img src="./style/img/login_weixin.svg" alt=""> |
|||
<span>微信扫码登录</span> |
|||
</div> |
|||
<p style="color: #626573;"> |
|||
扫码后请在手机上确认登录 |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="leftSideFooterNew"> |
|||
<p>Copyright ©2012-2025 .</p> |
|||
<p><span>All Rights Reserved</span> 底部随便写的</p> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
|
|||
</script> |
|||
</html> |
|||
Loading…
Reference in new issue