57 lines
2.5 KiB
HTML
57 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ELO Star</title>
|
|
<script src="{{ url_for('static', filename='layui.js') }}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/layui.css') }}">
|
|
<style>
|
|
.layui-footer {
|
|
position: fixed;left: 0;right: 0;bottom: 0;z-index: 990;height: 7vh;line-height: 7vh;
|
|
padding: 0 15px;box-shadow: -1px 0 4px rgb(0 0 0 / 12%);background-color: #FAFAFA;
|
|
}
|
|
.main {
|
|
text-align: center;background: #fff;height: 80vh;
|
|
margin-top: 2vh;padding-top: 1vh;padding-bottom: 1vh;border-radius: 20px;
|
|
}
|
|
.layui-header a, .layui-footer a {
|
|
color: #fff;text-decoration: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="background: #EAEDF0;">
|
|
<div class="layui-header layui-bg-cyan" style="height: 9vh;">
|
|
<div style="float: left;font-size: 28px;margin-left: 5vw;line-height: 9vh;">
|
|
<a href="/">ELO Star</a>
|
|
</div>
|
|
<ul class="layui-nav layui-bg-cyan" style="height: 9vh;float: right;">
|
|
<li class="layui-nav-item"><a href="/new">比较</a></li>
|
|
<li class="layui-nav-item layui-this"><a href="/list">排行榜</a></li>
|
|
<li class="layui-nav-item"><a href="/">添加资料</a></li>
|
|
<li class="layui-nav-item"><a href="https://git.foolishfox.cn/fox/ELOStar">Gitea</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="layui-container main">
|
|
<table class="layui-table" lay-data="{url:'/listdata', page:true}">
|
|
<thead>
|
|
<tr>
|
|
<th lay-data="{field:'rank'}">排名</th>
|
|
<th lay-data="{field:'name'}">姓名</th>
|
|
<th lay-data="{field:'rate'}">分数</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="layui-footer layui-bg-cyan" style="text-align: center;">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<p>© 2021 ELO Star</p>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<p>Made By <a href="https://foolishfox.cn">Fox</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |