Skip to content

html / bdideal

Go to a project
Commit 8047b03d by hank
Options

登录页面

parent 81bba533
Showing with 100 additions and 0 deletions
bg.jpg 0 → 100644
bg.jpg

303 KB
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>登录页</title>
<style>
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
font-size: 14px;
}
.bg {
height: 100%;
background: #edeeef url('./bg.jpg') center center;
background-size: cover;
}
.logo {
width: 18.5rem;
height: 6rem;
text-align: right;
float: right;
margin-top: 4rem;
margin-right: 6rem;
}
.logo img {
width: 18.5rem;
height: 6rem;
text-align: right;
}
.content-word {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: auto auto;
margin-top: -11rem;
display: inline-block;
width: 74rem;
}
.content-word .zh {
font-size: 7.14rem;
font-weight: 500;
color: rgba(102, 102, 102, 1);
/* width: */
}
.content-word .zh {
font-size: 7.14rem;
font-weight: 500;
color: rgba(102, 102, 102, 1);
}
.content-word .en {
font-size: 2rem;
font-weight: 500;
color: rgba(102, 102, 102, 0.8);
text-align: right;
}
</style>
</head>
<body>
<div class="bg">
<img class="logo" src="./logo.png" alt="">
<div class="content-word">
<div class="zh">数字理想 后台管理系统</div>
<div class="en">BACKGROUND MANAGEMENT SYSTEM</div>
</div>
<div class="todo......"></div>
</div>
</body>
<script>
function resize(params) {
var width = window.innerWidth;
document.querySelector('html').style.fontSize = width / 1920 * 14 + "px"
}
resize()
window.addEventListener("resize", resize)
</script>
</html>
\ No newline at end of file
logo.png 0 → 100644
logo.png

10 KB
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment