This repository has been archived on 2021-12-30. You can view files and clone it, but cannot push or open issues or pull requests.
ELOStar/templates/list.html

57 lines
2.5 KiB
HTML
Raw Normal View History

<!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/layui.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='layui/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;
}
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>