Fix season link (#3166)

This commit is contained in:
the1812 2022-04-09 16:27:49 +08:00
parent 1b1afd0484
commit 4a3e80fc7b
2 changed files with 15 additions and 3 deletions

View File

@ -82,7 +82,7 @@ export default Vue.extend({
id: item.season_id, id: item.season_id,
title: item.title, title: item.title,
playCount: item.stat.view, playCount: item.stat.view,
points: item.pts, points: item.stat.follow,
upHref: item.url, upHref: item.url,
upName, upName,
dynamic: upName, dynamic: upName,

View File

@ -41,12 +41,15 @@
class="fresh-home-categories-bangumi-timeline-seasons" class="fresh-home-categories-bangumi-timeline-seasons"
:class="{ today: index === todayIndex }" :class="{ today: index === todayIndex }"
> >
<div <VEmpty v-if="item.seasons.length === 0" />
<a
v-for="season of item.seasons" v-for="season of item.seasons"
:key="season.season_id" :key="season.season_id"
:data-season="season.season_id" :data-season="season.season_id"
class="fresh-home-categories-bangumi-timeline-season" class="fresh-home-categories-bangumi-timeline-season"
:class="{ today: index === todayIndex }" :class="{ today: index === todayIndex }"
target="_blank"
:href="season.url"
> >
<div <div
class="fresh-home-categories-bangumi-timeline-season-cover" class="fresh-home-categories-bangumi-timeline-season-cover"
@ -91,7 +94,7 @@
{{ season.pub_time }} {{ season.pub_time }}
</div> </div>
</div> </div>
</div> </a>
</div> </div>
</div> </div>
</div> </div>
@ -456,6 +459,7 @@ export default Vue.extend({
img { img {
width: var(--cover-size); width: var(--cover-size);
height: var(--cover-size); height: var(--cover-size);
transition: .2s ease-out;
} }
&.follow { &.follow {
box-shadow: 0 0 0 2px var(--theme-color); box-shadow: 0 0 0 2px var(--theme-color);
@ -469,6 +473,7 @@ export default Vue.extend({
} }
&-title { &-title {
grid-area: title; grid-area: title;
transition: color .2s ease-out;
@include semi-bold(); @include semi-bold();
@include single-line(); @include single-line();
&.today { &.today {
@ -503,6 +508,13 @@ export default Vue.extend({
} }
} }
&:hover &-title {
color: var(--theme-color) !important;
}
&:hover &-cover img {
transform: scale(1.05);
}
&.today { &.today {
width: var(--season-today-width); width: var(--season-today-width);
height: var(--timeline-today-height); height: var(--timeline-today-height);