commit
12f7ec5bd4
|
@ -1,9 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'page')}"
|
||||
<html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'bangumis')}"
|
||||
xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<th:block th:fragment="content">
|
||||
|
||||
<div class="page" id="body-wrap">
|
||||
|
||||
<!-- 头部导航栏 -->
|
||||
|
@ -14,7 +13,9 @@
|
|||
<div id="page">
|
||||
<h1 class="page-title" style="display: inline;">追番列表</h1>
|
||||
<div id="article-container">
|
||||
<blockquote><p>生命不息,追番不止!</p></blockquote>
|
||||
<blockquote>
|
||||
<p>生命不息,追番不止!</p>
|
||||
</blockquote>
|
||||
<style>
|
||||
.bangumi-tabs {
|
||||
margin-bottom: 15px;
|
||||
|
@ -168,7 +169,9 @@
|
|||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.bangumi-coin, .bangumi-type {
|
||||
|
||||
.bangumi-coin,
|
||||
.bangumi-type {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
@ -178,7 +181,9 @@
|
|||
}
|
||||
|
||||
@media (max-width: 590px) {
|
||||
.bangumi-danmaku, .bangumi-wish {
|
||||
|
||||
.bangumi-danmaku,
|
||||
.bangumi-wish {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
@ -188,7 +193,9 @@
|
|||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.bangumi-doing, .bangumi-play {
|
||||
|
||||
.bangumi-doing,
|
||||
.bangumi-play {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
@ -198,7 +205,9 @@
|
|||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.bangumi-collect, .bangumi-follow {
|
||||
|
||||
.bangumi-collect,
|
||||
.bangumi-follow {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
@ -341,274 +350,68 @@
|
|||
color: #f2b94b;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="bangumi-tabs">
|
||||
<a class="bangumi-tab" id="bangumi-tab1" href="javascript:;"
|
||||
rel="external" target="_self" onclick="return!1" data-pjax-state="">想看 (10)</a>
|
||||
<a class="bangumi-tab bangumi-active" id="bangumi-tab2" href="javascript:;"
|
||||
rel="external" target="_self" onclick="return!1" data-pjax-state="">在看 (55)</a>
|
||||
<a class="bangumi-tab" id="bangumi-tab1" href="javascript:;" rel="external" target="_self"
|
||||
onclick="return false" data-pjax-state="">
|
||||
想看
|
||||
([[${bangumiFinder.getDataTotal(1,1)}]])</a>
|
||||
<a class="bangumi-tab bangumi-active" id="bangumi-tab2" href="javascript:;" rel="external"
|
||||
target="_self" onclick="return false" data-pjax-state="">
|
||||
在看
|
||||
([[${bangumiFinder.getDataTotal(1,2)}]])</a>
|
||||
<a class="bangumi-tab" id="bangumi-tab3" href="javascript:;" rel="external" target="_self"
|
||||
onclick="return!1" data-pjax-state="">已看 (43)</a>
|
||||
onclick="return false" data-pjax-state="">
|
||||
已看
|
||||
([[${bangumiFinder.getDataTotal(1,3)}]])</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="bangumi-item1" class="bangumi-hide">
|
||||
<div class="bangumi-item">
|
||||
<div class="bangumi-picture">
|
||||
<a
|
||||
href="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-fancybox="gallery" data-caption=""
|
||||
data-thumb="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg">
|
||||
<img
|
||||
src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-lazy-src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
referrerpolicy="no-referrer" width="110"
|
||||
style="width:110px;margin:20px auto">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bangumi-info">
|
||||
<div class="bangumi-title">
|
||||
<a target="_blank"
|
||||
href="https://www.bilibili.com/bangumi/media/md28237126/"
|
||||
rel="external nofollow noreferrer">夏日重现</a>
|
||||
</div>
|
||||
<div class="bangumi-meta">
|
||||
<span class="bangumi-info-items">
|
||||
<span class="bangumi-info-item">
|
||||
<span class="bangumi-info-total">全25话</span>
|
||||
<em class="bangumi-info-label-em">0</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-area">
|
||||
<span class="bangumi-info-label">番剧</span>
|
||||
<em>日本</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-play">
|
||||
<span
|
||||
class="bangumi-info-label">总播放</span>
|
||||
<em>2.1 亿</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-follow"><span
|
||||
class="bangumi-info-label">追番人数</span>
|
||||
<em>439.7 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-coin"><span
|
||||
class="bangumi-info-label">硬币数</span>
|
||||
<em>136.5 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-danmaku">
|
||||
<span
|
||||
class="bangumi-info-label">弹幕总数</span>
|
||||
<em>127.4 万</em>
|
||||
</span> <span
|
||||
class="bangumi-info-item bangumi-info-item-score">
|
||||
<span
|
||||
class="bangumi-info-label">评分</span>
|
||||
<em>9.8</em>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bangumi-comments">
|
||||
<p>简介:“潮死了。”
|
||||
网代慎平收到发小——小舟潮的讣告后,回到了阔别两年的故乡——和歌山市日都岛。
|
||||
慎平与亲人朋友重聚,葬礼也顺利地进行着。 然而,好友告诉他“潮的死有疑点,可能是他杀”。
|
||||
第二天,邻近...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:each="bangumi : ${bangumiFinder.getBiliDataAll(1,1)}">
|
||||
<th:block th:replace="~{macro/bangumi-item :: bangumi-item(${bangumi.spec})}"/>
|
||||
</th:block>
|
||||
<div class="bangumi-pagination">
|
||||
<a class="bangumi-button bangumi-firstpage"
|
||||
href="javascript:;" rel="external nofollow noreferrer"
|
||||
target="_self" onclick="return!1"
|
||||
data-pjax-state="">首页</a>
|
||||
<a
|
||||
class="bangumi-button bangumi-previouspage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 5</span>
|
||||
<a
|
||||
class="bangumi-button bangumi-nextpage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage"
|
||||
href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self"
|
||||
onclick="return!1" data-pjax-state="">尾页</a>
|
||||
<a class="bangumi-button bangumi-firstpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state=""> 首页</a>
|
||||
<a class="bangumi-button bangumi-previouspage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 1</span>
|
||||
<a class="bangumi-button bangumi-nextpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">尾页</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bangumi-item2" class="bangumi-show">
|
||||
<div class="bangumi-item">
|
||||
<div class="bangumi-picture">
|
||||
<a
|
||||
href="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-fancybox="gallery" data-caption=""
|
||||
data-thumb="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg">
|
||||
<img
|
||||
src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-lazy-src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
referrerpolicy="no-referrer" width="110"
|
||||
style="width:110px;margin:20px auto">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bangumi-info">
|
||||
<div class="bangumi-title">
|
||||
<a target="_blank"
|
||||
href="https://www.bilibili.com/bangumi/media/md28237126/"
|
||||
rel="external nofollow noreferrer">夏日重现</a>
|
||||
</div>
|
||||
<div class="bangumi-meta">
|
||||
<span class="bangumi-info-items">
|
||||
<span class="bangumi-info-item">
|
||||
<span class="bangumi-info-total">全25话</span>
|
||||
<em class="bangumi-info-label-em">0</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-area">
|
||||
<span class="bangumi-info-label">番剧</span>
|
||||
<em>日本</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-play">
|
||||
<span
|
||||
class="bangumi-info-label">总播放</span>
|
||||
<em>2.1 亿</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-follow"><span
|
||||
class="bangumi-info-label">追番人数</span>
|
||||
<em>439.7 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-coin"><span
|
||||
class="bangumi-info-label">硬币数</span>
|
||||
<em>136.5 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-danmaku">
|
||||
<span
|
||||
class="bangumi-info-label">弹幕总数</span>
|
||||
<em>127.4 万</em>
|
||||
</span> <span
|
||||
class="bangumi-info-item bangumi-info-item-score">
|
||||
<span
|
||||
class="bangumi-info-label">评分</span>
|
||||
<em>9.8</em>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bangumi-comments">
|
||||
<p>简介:“潮死了。”
|
||||
网代慎平收到发小——小舟潮的讣告后,回到了阔别两年的故乡——和歌山市日都岛。
|
||||
慎平与亲人朋友重聚,葬礼也顺利地进行着。 然而,好友告诉他“潮的死有疑点,可能是他杀”。
|
||||
第二天,邻近...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:each="bangumi : ${bangumiFinder.getBiliDataAll(1,2)}">
|
||||
<th:block th:replace="~{macro/bangumi-item :: bangumi-item(${bangumi.spec})}"/>
|
||||
</th:block>
|
||||
<div class="bangumi-pagination">
|
||||
<a class="bangumi-button bangumi-firstpage"
|
||||
href="javascript:;" rel="external nofollow noreferrer"
|
||||
target="_self" onclick="return!1"
|
||||
data-pjax-state="">首页</a>
|
||||
<a
|
||||
class="bangumi-button bangumi-previouspage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 5</span>
|
||||
<a
|
||||
class="bangumi-button bangumi-nextpage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage"
|
||||
href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self"
|
||||
onclick="return!1" data-pjax-state="">尾页</a>
|
||||
<a class="bangumi-button bangumi-firstpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state=""> 首页</a>
|
||||
<a class="bangumi-button bangumi-previouspage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 1</span>
|
||||
<a class="bangumi-button bangumi-nextpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">尾页</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bangumi-item3" class="bangumi-hide">
|
||||
<div class="bangumi-item">
|
||||
<div class="bangumi-picture">
|
||||
<a
|
||||
href="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-fancybox="gallery" data-caption=""
|
||||
data-thumb="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg">
|
||||
<img
|
||||
src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
data-lazy-src="https://i0.hdslb.com/bfs/bangumi/image/4b2547ffdd6f40f997454b37c0ad48624a1730d9.jpg"
|
||||
referrerpolicy="no-referrer" width="110"
|
||||
style="width:110px;margin:20px auto">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bangumi-info">
|
||||
<div class="bangumi-title">
|
||||
<a target="_blank"
|
||||
href="https://www.bilibili.com/bangumi/media/md28237126/"
|
||||
rel="external nofollow noreferrer">夏日重现</a>
|
||||
</div>
|
||||
<div class="bangumi-meta">
|
||||
<span class="bangumi-info-items">
|
||||
<span class="bangumi-info-item">
|
||||
<span class="bangumi-info-total">全25话</span>
|
||||
<em class="bangumi-info-label-em">0</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-area">
|
||||
<span class="bangumi-info-label">番剧</span>
|
||||
<em>日本</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-play">
|
||||
<span
|
||||
class="bangumi-info-label">总播放</span>
|
||||
<em>2.1 亿</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-follow"><span
|
||||
class="bangumi-info-label">追番人数</span>
|
||||
<em>439.7 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-coin"><span
|
||||
class="bangumi-info-label">硬币数</span>
|
||||
<em>136.5 万</em>
|
||||
</span>
|
||||
<span
|
||||
class="bangumi-info-item bangumi-danmaku">
|
||||
<span
|
||||
class="bangumi-info-label">弹幕总数</span>
|
||||
<em>127.4 万</em>
|
||||
</span> <span
|
||||
class="bangumi-info-item bangumi-info-item-score">
|
||||
<span
|
||||
class="bangumi-info-label">评分</span>
|
||||
<em>9.8</em>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bangumi-comments">
|
||||
<p>简介:“潮死了。”
|
||||
网代慎平收到发小——小舟潮的讣告后,回到了阔别两年的故乡——和歌山市日都岛。
|
||||
慎平与亲人朋友重聚,葬礼也顺利地进行着。 然而,好友告诉他“潮的死有疑点,可能是他杀”。
|
||||
第二天,邻近...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:each="bangumi : ${bangumiFinder.getBiliDataAll(1,3)}">
|
||||
<th:block th:replace="~{macro/bangumi-item :: bangumi-item(${bangumi.spec})}"/>
|
||||
</th:block>
|
||||
<div class="bangumi-pagination">
|
||||
<a class="bangumi-button bangumi-firstpage"
|
||||
href="javascript:;" rel="external nofollow noreferrer"
|
||||
target="_self" onclick="return!1"
|
||||
data-pjax-state="">首页</a>
|
||||
<a
|
||||
class="bangumi-button bangumi-previouspage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 5</span>
|
||||
<a
|
||||
class="bangumi-button bangumi-nextpage" href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self" onclick="return!1"
|
||||
data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage"
|
||||
href="javascript:;"
|
||||
rel="external nofollow noreferrer" target="_self"
|
||||
onclick="return!1" data-pjax-state="">尾页</a>
|
||||
<a class="bangumi-button bangumi-firstpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state=""> 首页</a>
|
||||
<a class="bangumi-button bangumi-previouspage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">上一页</a>
|
||||
<span class="bangumi-pagenum">1 / 1</span>
|
||||
<a class="bangumi-button bangumi-nextpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">下一页</a>
|
||||
<a class="bangumi-button bangumi-lastpage" href="javascript:;" target="_self"
|
||||
onclick="return false" data-pjax-state="">尾页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -718,9 +521,8 @@
|
|||
<th:block
|
||||
th:replace="~{modules/comment :: comment(group = 'content.halo.run',
|
||||
kind = 'SinglePage',
|
||||
name = ${singlePage.metadata.name},
|
||||
allowComment = ${singlePage.spec.allowComment})}"/>
|
||||
|
||||
name = 'bangumis',
|
||||
allowComment = true)}"/>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||
<th:block th:fragment="bangumi-item(spec)">
|
||||
<div class="bangumi-item">
|
||||
<div class="bangumi-picture">
|
||||
<a th:href="${spec.cover}" data-fancybox="gallery" data-caption=""
|
||||
th:data-thumb="${spec.cover}">
|
||||
<img th:src="${spec.cover}" th:data-lazy-src="${spec.cover}"
|
||||
referrerpolicy="no-referrer" width="110"
|
||||
style="width:110px;margin:20px auto;" data-ll-status="loaded"
|
||||
class="entered loaded">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bangumi-info">
|
||||
<div class="bangumi-title">
|
||||
<a target="_blank" th:href="${spec.url}">[[${spec.title}]]</a>
|
||||
</div>
|
||||
<div class="bangumi-meta">
|
||||
<span class="bangumi-info-items">
|
||||
<span class="bangumi-info-item">
|
||||
<span class="bangumi-info-total">[[${spec.totalCount}]]</span>
|
||||
<em class="bangumi-info-label-em">0</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-area">
|
||||
<span class="bangumi-info-label">[[${spec.type}]]</span>
|
||||
<em>[[${spec.area}]]</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-play">
|
||||
<span class="bangumi-info-label">总播放</span>
|
||||
<em>[[${spec.view}]]</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-follow">
|
||||
<span class="bangumi-info-label">追番人数</span>
|
||||
<em>[[${spec.follow}]]</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-coin">
|
||||
<span class="bangumi-info-label">硬币数</span>
|
||||
<em>[[${spec.coin}]]</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-danmaku">
|
||||
<span class="bangumi-info-label">弹幕总数</span>
|
||||
<em>[[${spec.danmaku}]]</em>
|
||||
</span>
|
||||
<span class="bangumi-info-item bangumi-info-item-score">
|
||||
<span class="bangumi-info-label">评分</span>
|
||||
<em>[[${spec.score}]]</em>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bangumi-comments">
|
||||
<p>[[${spec.des}]]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</th:block>
|
||||
|
||||
</html>
|
|
@ -319,7 +319,9 @@
|
|||
case 'photos':
|
||||
title = '图库'
|
||||
break;
|
||||
|
||||
case 'bangumis':
|
||||
title = '追番'
|
||||
break;
|
||||
}
|
||||
if (title != '')
|
||||
document.title = title + ' - ' + [[${ site.title }]]
|
||||
|
|
|
@ -33,10 +33,6 @@ spec:
|
|||
description: 待办清单页面
|
||||
screenshot:
|
||||
file: todolist.html
|
||||
- name: 追番页面模版
|
||||
description: 追番页面
|
||||
screenshot:
|
||||
file: bangumis.html
|
||||
- name: 我的装备页面模版
|
||||
description: 我的装备页面
|
||||
screenshot:
|
||||
|
|
Loading…
Reference in New Issue