You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.4 KiB
119 lines
3.4 KiB
<!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>
|