Skip to content

Commit 4bd4f5d

Browse files
deepred5deepred5
committed
修复新番图片没有url的bug
1 parent 29a9969 commit 4bd4f5d

File tree

3 files changed

+1882
-126
lines changed

3 files changed

+1882
-126
lines changed

‎template/index.html

Lines changed: 4 additions & 125 deletions
Original file line numberDiff line numberDiff line change
@@ -9,140 +9,19 @@
99
<link rel="stylesheet" href="/css/anime.css">
1010
</head>
1111

12-
<body class="vscode-dark">
12+
<body class="vscode-dark" style="background: #000;">
1313
<div class="bangumi-containr">
1414
<header class="bangumi-header" id="bangumi-header">
1515
<h1>每日放送</h1>
16-
<span class="date" id="date">/2019年02月18日 星期一</span>
17-
<p class="hitokoto" id="hitokoto">廉价的自尊、粗劣的傲气，无论哪个后生小辈都很重视这些东西。<span>by 狼与香辛料</span></p>
16+
<span class="date" id="date"></span>
17+
<p class="hitokoto" id="hitokoto"></p>
1818
</header>
1919
<div class="bangumi-list-container">
2020
<ul class="anime-list" id="anime-list">
21-
<li class="anime-item">
22-
<p class="day sun">
23-
<span class="today">当天</span>
24-
</p>
25-
<ul>
26-
<li class="anime-content">
27-
<a href="">
28-
<div class="poster"
29-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
30-
<p class="anime-name">灵能百分百 第二季</p>
31-
</div>
32-
<div class="mask"></div>
33-
</a>
34-
</li>
35-
</ul>
36-
</li>
37-
<li class="anime-item">
38-
<p class="day mon"><span class="today">当天</span></p>
39-
<ul>
40-
<li class="anime-content">
41-
<a href="">
42-
<div class="poster"
43-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
44-
<p class="anime-name">灵能百分百 第二季</p>
45-
</div>
46-
<div class="mask"></div>
47-
</a>
48-
</li>
49-
<li class="anime-content">
50-
<a href="">
51-
<div class="poster"
52-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
53-
<p class="anime-name">灵能百分百 第二季</p>
54-
</div>
55-
<div class="mask"></div>
56-
</a>
57-
</li>
58-
</ul>
59-
</li>
60-
<li class="anime-item">
61-
<p class="day tue"><span class="today">当天</span></p>
62-
<ul>
63-
<li class="anime-content">
64-
<a href="">
65-
<div class="poster"
66-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
67-
<p class="anime-name">灵能百分百 第二季</p>
68-
</div>
69-
<div class="mask"></div>
70-
</a>
71-
</li>
72-
<li class="anime-content">
73-
<a href="">
74-
<div class="poster"
75-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
76-
<p class="anime-name">灵能百分百 第二季</p>
77-
</div>
78-
<div class="mask"></div>
79-
</a>
80-
</li>
81-
<li class="anime-content">
82-
<a href="">
83-
<div class="poster"
84-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
85-
<p class="anime-name">灵能百分百 第二季</p>
86-
</div>
87-
<div class="mask"></div>
88-
</a>
89-
</li>
90-
<li class="anime-content">
91-
<a href="">
92-
<div class="poster"
93-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
94-
<p class="anime-name">灵能百分百 第二季</p>
95-
</div>
96-
<div class="mask"></div>
97-
</a>
98-
</li>
99-
</ul>
100-
</li>
101-
<li class="anime-item">
102-
<p class="day wed"><span class="today">当天</span></p>
103-
</li>
104-
<li class="anime-item">
105-
<p class="day thu"><span class="today">当天</span></p>
106-
</li>
107-
<li class="anime-item">
108-
<p class="day fri"><span class="today">当天</span></p>
109-
</li>
110-
<li class="anime-item">
111-
<p class="day sat"><span class="today">当天</span></p>
112-
<ul>
113-
<li class="anime-content">
114-
<a href="">
115-
<div class="poster"
116-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
117-
<p class="anime-name">灵能百分百 第二季</p>
118-
</div>
119-
<div class="mask"></div>
120-
</a>
121-
</li>
122-
<li class="anime-content">
123-
<a href="">
124-
<div class="poster"
125-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
126-
<p class="anime-name">灵能百分百 第二季</p>
127-
</div>
128-
<div class="mask"></div>
129-
</a>
130-
</li>
131-
<li class="anime-content">
132-
<a href="">
133-
<div class="poster"
134-
style="background:url('http://lain.bgm.tv/pic/cover/l/8e/c7/240760_368N6.jpg'); background-size: cover">
135-
<p class="anime-name">灵能百分百 第二季</p>
136-
</div>
137-
<div class="mask"></div>
138-
</a>
139-
</li>
140-
</ul>
141-
</li>
14221
</ul>
14322
</div>
144-
<div class="bilibili-list-container"></div>
14523
</div>
24+
<script src="/mock/data.js"></script>
14625
<script src="/js/anime.js"></script>
14726
</body>
14827

‎template/js/anime.js

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,12 @@ class Page {
99
today = 7;
1010
};
1111

12+
let bangumi = props.bangumi || [];
13+
14+
bangumi.length && bangumi.unshift(bangumi.pop());
15+
1216
this.state = {
13-
bangumi: props.bangumi || [],
17+
bangumi: bangumi,
1418
hitokoto: props.hitokoto || {},
1519
today,
1620
isChinese: props.isChinese
@@ -70,6 +74,11 @@ class Page {
7074
renderDayAnime(data) {
7175
const items = data.items || [];
7276
const itemsTemplate = items.map((item) => {
77+
if (!item.images) {
78+
item.images = {
79+
medium: 'https://i.loli.net/2019/04/01/5ca2068a80f49.png'
80+
}
81+
}
7382
let animeName = item.name_cn || item.name;
7483
if (!this.state.isChinese) {
7584
animeName = item.name || item.name_cn

0 commit comments

Comments
 (0)