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.
 
 
 
 
 

132 lines
4.4 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登陆页</title>
<script src="{$smarty.const.CSS_URL}/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/common.css?v={$smarty.const.CSS_JS_VERSION}">
{literal}
<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{
width: 220px;
height: 220px;
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{
height: 220px;
}
.login-main{
width: 100%;
height: 100%;
background-size: 100% 100%;
background-image: url({$smarty.const.CSS_URL}/images/login_back.png);
flex-direction: column;
}
</style>
{/literal}
</head>
<body>
<div class="login-main flex">
<div class="login-wrap">
<div class="login-container">
<div class="con-top center">
<img src="{$smarty.const.CSS_URL}/images/login_top.svg" alt="">
<span>私有云知识库</span>
</div>
<div id="login_container" class="qrcode">
{literal}
<script>
var obj = new WxLogin({
id: "login_container",
appid: "{/literal}{$appid}{literal}",
scope: "snsapi_login",
redirect_uri: "{/literal}{$redirect_uri}{literal}",
state: "{/literal}{$state}{literal}",
style: "black",
href:'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDE4OHB4O2JvcmRlcjpub25lO21hcmdpbi10b3A6MHB4O30KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLmluZm8ge3dpZHRoOiAxODhweDtkaXNwbGF5Om5vbmU7fQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmV9Ci5pbXBvd2VyQm94IC5zdGF0dXMge3RleHQtYWxpZ246IGNlbnRlcjt9IAo='
});
</script>
{/literal}
</div>
<div class="code-filter column hide">
<img src="{$smarty.const.CSS_URL}/images/refresh.svg" alt="">
<span>点击刷新</span>
</div>
<div class="login-bottom ">
<div class="weixin-log center">
<img src="{$smarty.const.CSS_URL}/images/login_weixin.svg" alt="">
<span style="display: inline-block; height: 18px;"></span>
</div>
<p style="color: #626573;">
扫码后请在手机上确认登录
</p>
</div>
</div>
</div>
{include file="include/footer.html"}
</div>
</body>
<script>
</script>
</html>