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