renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update: anime page

Browse Source
This commit is contained in:
Hakadao
2023-02-01 02:15:54 +08:00
parent 0d3c429f51
commit 3f4e97a368
2 changed files with 62 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/anime-timetable-icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

75
src/contentScripts/views/Anime/Anime.vue
View File

@@ -191,19 +191,68 @@ function getRecommendAnimeList() {
pr-8
shrink-0
>
<h3 mb-6 text="$bew-text-2">
<span text="2xl" font-bold>{{
daysOfTheWeekList[item.day_of_week - 1]
}}</span>
<span text="base $bew-text-2" ml-4>{{ item.date }}</span>
</h3>
<ul grid gap-4>
<li
v-for="episode in item.episodes"
:key="episode.season_id"
>
<div p="x-2 y-1" w="[fit-content]" mb-2 rounded-4 color="$bew-theme-color" bg="$bew-theme-color-20">
<div flex mb-3 items-end h="66px" overflow-hidden>
<div
:w="item.is_today ? '50px' : '38px'"
:h="item.is_today ? '48px' : '36px'"
mr-4
:style="{
backgroundPosition: item.is_today
? `-56px ${-36 + (item.day_of_week - 1) * -72}px`
: `-146px ${-36 + (item.day_of_week - 1) * -72}px`,
backgroundSize: item.is_today ? '247px 663px' : '',
filter: item.is_today
? `drop-shadow(50px 0 var(--bew-text-1))`
: `drop-shadow(38px 0 var(--bew-text-3))`,
}"
style="
transform: translateX(-100%);
background-size: 247px 663px;
background-image: url(//s1.hdslb.com/bfs/static/bangumi-timeline/asserts/icons.png);
"
/>
<h3 :text="item.is_today ? '$bew-text-2' : '$bew-text-3'">
<span text="2xl" font-bold>{{
daysOfTheWeekList[item.day_of_week - 1]
}}</span>
<span text="base $bew-text-2" ml-2>{{ item.date }}</span>
</h3>
</div>
<span
block
w-full
h-4px
:bg="item.is_today ? '$bew-theme-color' : '$bew-text-3'"
rounded-8
/>
<ul
grid
gap-4
:border-l="`~ 2px dashed ${
item.is_today ? '$bew-theme-color-40' : '$bew-text-3'
}`"
p="t-3 l-3"
>
<li v-for="episode in item.episodes" :key="episode.season_id">
<div
p="x-2 y-1"
w="[fit-content]"
mb-2
rounded-4
color="$bew-theme-color"
bg="$bew-theme-color-20"
relative
grid
place-items-center
>
<i
pos="absolute left--3"
w-2
h-2
rounded-6
:bg=" item.is_today ? '$bew-theme-color' : '$bew-text-3'"
transform="~ translate-x-[calc(-0.25rem-1px)]"
/>
{{ episode.pub_time }}
</div>