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.
50 lines
2.9 KiB
50 lines
2.9 KiB
1 month ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>login</title>
|
||
|
|
<style>
|
||
|
|
/* 其他样式保持不变 */
|
||
|
|
.login-button {
|
||
|
|
cursor: pointer; /* 将鼠标指针设置为点击状态 */
|
||
|
|
}
|
||
|
|
.sign-up-link {
|
||
|
|
cursor: pointer;
|
||
|
|
color: black;
|
||
|
|
font-size: 20px;
|
||
|
|
font-family: Inter;
|
||
|
|
font-weight: 500;
|
||
|
|
text-decoration: none; /* 去掉超链接的下划线 */
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
function redirectToPage() {
|
||
|
|
window.location.href = 'page.html'; // 点击后跳转到page.html
|
||
|
|
}
|
||
|
|
function redirectToSignUp() {
|
||
|
|
window.location.href = 'sign_up.html'; // 点击后跳转到sign_up.html
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div style="width: device-width; height: 832px; position: relative; background: linear-gradient(90deg, #E7642A 0%, #E1BCE9 50%, #152DA9 100%)">
|
||
|
|
<div style="width: 710px; height: 446px; left: 431px; top: 193px; position: absolute; background: rgba(217, 217, 217, 0.10); box-shadow: -38.53333282470703px 38.53333282470703px 38.53333282470703px rgba(255, 255, 255, 0.10) inset; border: 1px rgba(249, 249, 249, 0.51) solid; backdrop-filter: blur(77.07px)"></div>
|
||
|
|
<div style="width: 65px; height: 38px; left: 852px; top: 227px; position: absolute; color: #001AFF; font-size: 32px; font-family: Inter; font-weight: 700; word-wrap: break-word">登录</div>
|
||
|
|
<div class="login-button" style="width: 282px; height: 56px; left: 744px; top: 439px; position: absolute;" onclick="redirectToPage()">
|
||
|
|
<div style="width: 282px; height: 56px; left: 0px; top: 0px; position: absolute; background: linear-gradient(180deg, #152DA9 0%, #E7642A 100%); border-radius: 71px"></div>
|
||
|
|
<div style="left: 120px; top: 16px; position: absolute; color: #FAFAF9; font-size: 20px; font-family: Inter; font-weight: 500; word-wrap: break-word">登录</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript:void(0);" class="sign-up-link" style="width: auto; height: auto; left: 975px; top: 565px; position: absolute;" onclick="redirectToSignUp()">注册新用户</a>
|
||
|
|
<div style="width: 173px; height: 35px; left: 749px; top: 364px; position: absolute">
|
||
|
|
<label for="password">密码:</label>
|
||
|
|
<input type="password" id="password" name="password">
|
||
|
|
</div>
|
||
|
|
<div style="width: 173px; height: 35px; left: 749px; top: 294px; position: absolute">
|
||
|
|
<label for="username">用户名:</label>
|
||
|
|
<input type="text" id="username" name="username">
|
||
|
|
</div>
|
||
|
|
<img style="width: 499px; height: 594px; left: 203px; top: 119px; position: absolute; border-radius: 40px" src="E:\softwareengineer\work2\frontend\assets\d2.png" />
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|