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

feat: update history page

Browse Source
This commit is contained in:
Hakadao
2023-02-16 00:23:51 +08:00
parent a2be2227c4
commit 438dc05639
2 changed files with 68 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/contentScripts/views/History/History.vue
View File

@@ -315,6 +315,35 @@ function handleTurnOnWatchHistory() {
:alt="historyItem.title"
object-cover
>
<span
v-if="historyItem.history.business !== HistoryType.Archive"
pos="absolute right-0 top-0"
bg="$bew-theme-color"
text="xs white"
p="x-2 y-1"
m-1
rounded="$bew-radius-half"
>
<template
v-if="historyItem.history.business === HistoryType.Live"
>
Livestreaming
</template>
<template
v-else-if="
historyItem.history.business === HistoryType.Article
"
>
Article
</template>
<template
v-else-if="historyItem.history.business === HistoryType.PGC"
>
Anime
</template>
</span>
<div
v-if="
historyItem.history.business === HistoryType.Archive
@@ -358,18 +387,50 @@ function handleTurnOnWatchHistory() {
overflow="hidden"
text="lg overflow-ellipsis"
>
{{ historyItem.title }}
{{
historyItem.show_title
? historyItem.show_title
: historyItem.title
}}
</h3>
<div v-if="historyItem.history.business !== HistoryType.PGC" text="$bew-text-2 sm" m="t-4" flex="~" items-center>
<div
text="$bew-text-2 sm"
m="t-4"
flex="~"
items-center
cursor-pointer
w-fit
rounded="$bew-radius-half"
hover:color="$bew-theme-color"
hover:bg="$bew-theme-color-10"
duration-300
pr-2
@click.stop="
openLinkToNewTab(
historyItem.author_mid
? `https://space.bilibili.com/${historyItem.author_mid}`
: historyItem.uri,
)
"
>
<img
:src="historyItem.author_face"
:src="
historyItem.author_face
? historyItem.author_face
: historyItem.cover
"
w-8
aspect-square
object-cover
alt=""
rounded="$bew-radius-half"
mr-4
mr-2
>
{{ historyItem.author_name }}
{{
historyItem.author_name
? historyItem.author_name
: historyItem.title
}}
<span
v-if="historyItem.live_status === 1"
text="$bew-theme-color"
@@ -385,7 +446,7 @@ function handleTurnOnWatchHistory() {
<button
text="2xl $bew-text-3"
hover:color="$bew-error-color"
hover:color="$bew-theme-color"
opacity="0 group-hover:100"
p-4
duration-300

1
src/contentScripts/views/History/types.ts
View File

@@ -27,4 +27,5 @@ export interface HistoryItem {
kid: number
live_status: 0 | 1 // 0：未开播 1：已开播
uri: string
show_title: string
}