taptap 周报样式修改

This commit is contained in:
yulixing 2019-11-22 16:40:39 +08:00
parent 44a2413b3f
commit 3cb3348cd4

View File

@ -1,42 +1,120 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TAP周报</title>
</head>
<body>
<h1 class="title">TAPTAP数据周报· OPS</h1>
<p class="date">{{ day }}</p>
{% for key in data %}
<div class="section">
<div class="info">
<span>报表类型:<span class="gameid">{{ key.get('name') }}</span></span>
</div>
<head>
<meta charset="UTF-8" />
<title>TAP周报</title>
<style>
* {
margin: 0;
padding: 0;
}
<div class="panel">
html {
background-color: #fdfdfd;
}
<table>
<thead>
<tr>
{% for row_name_one in key.get('row_name') %}
<td>{{ row_name_one }}</td>
{% endfor %}
</tr>
</thead>
<tbody>
<tr>
{% for one_data in key.get('row_data') %}
<tr>
{% for item in one_data %}
<td>{{ item }}</td>
{% endfor %}
{% endfor %}
</tr>
</tr>
</tbody>
</table>
</div>
{% endfor %}
</div>
</body>
</html>
body {
padding: 0 20px;
color: #333;
}
h1.title {
margin: 30px 0 20px;
font-size: 32px !important;
font-weight: 500;
text-align: center !important;
}
.date {
margin: 20px 0;
text-align: center;
}
.section {
border-top: 1px dashed #ccc;
}
.info {
margin: 60px 0 30px;
font-size: 16px;
text-align: center;
}
.info > span {
margin-right: 20px;
}
.info .gameid,
.info .channelid {
font-weight: 700;
}
.panel {
width: 80%;
margin: 0 auto 60px;
}
.panel h2 {
height: 36px;
padding-left: 16px;
margin: 20px 0;
font-size: 24px;
font-weight: 500;
border-left: #909090 3px solid;
}
.panel table {
/* width: 100%; */
line-height: 2;
text-align: left;
border-collapse: collapse;
}
.panel table th {
font-weight: 500;
color: #909090;
}
.panel table td,
.panel table th {
padding: 0 16px;
border-bottom: 1px solid #f0f0f0;
font-size: 16px;
}
.panel table tr:nth-child(even) {
background-color: #f3f3f3;
}
</style>
</head>
<body>
<h1 class="title">TAPTAP数据周报· OPS</h1>
<p class="date">{{ day }}</p>
{% for key in data %}
<div class="section">
<div class="info">
<span>报表类型:<span class="gameid">{{ key.get('name') }}</span></span>
</div>
<div class="panel">
<table>
<thead>
<tr>
{% for row_name_one in key.get('row_name') %}
<td>{{ row_name_one }}</td>
{% endfor %}
</tr>
</thead>
<tbody>
{% for one_data in key.get('row_data') %}
<tr>
{% for item in one_data %}
<td>{{ item }}</td>
{% endfor %} {% endfor %}
</tr>
</tbody>
</table>
</div>
{% endfor %}
</div>
</body>
</html>