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 and i18n files

Browse Source
This commit is contained in:
Hakadao
2023-02-05 22:40:52 +08:00
parent 30a0bb6fb3
commit ccbd02a764
6 changed files with 92 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/_locales/cmn-CN.yml
View File

@@ -16,9 +16,9 @@ settings:
select_language: 界面语文
select_language_opt:
english: 英文
Mandarin_CN: 简体中文
Mandarin_TW: 正體中文
jyut: 粵文
Mandarin_CN: 官话
Mandarin_TW: 官話
jyut: 廣東話
authorize_app: 授权 BewlyBewly 使用 access key
authorize_app_desc: |
授权使用后能在首页推送我可能有兴趣观看的视频 (授权 key 有效期约为一个月，之后如果你发现首页推荐的视频不是你所感兴趣的，请尝试重新授权)
@@ -119,3 +119,15 @@ anime:
your_watch_list: 正在追
recommended_for_you: 猜你喜欢
havent_seen: 尚未观看
popular_anime: 番剧热播榜
follow: '{num}追番'
anime_timetable:
title: 新番时间表
days_of_week:
mon: 周一
tue: 周二
wed: 周三
thu: 周四
fri: 周五
sat: 周六
sun: 周日

24
src/_locales/cmn-TW.yml
View File

@@ -16,9 +16,9 @@ settings:
select_language: 介面語文
select_language_opt:
english: 英文
Mandarin_CN: 簡體中文
Mandarin_TW: 正體中文
jyut: 粵文
Mandarin_CN: 官话
Mandarin_TW: 官話
jyut: 廣東話
authorize_app: 授權 BewlyBewly 使用 access key
authorize_app_desc: |
授權使用後能在首頁推送我可能有興趣觀看的影片 (授權 key 有效期約為一個月，之後如果你發現首頁推薦的影片不是你所感興趣的，請嘗試重新授權)
@@ -39,13 +39,13 @@ topbar:
creative_center: 創作中心
upload: 上傳
logo_dropdown:
anime: 番劇
anime: 動畫
movies: 電影
chinese_anime: 國創
chinese_anime: 中國動畫
tv_shows: 電視劇
variety_shows: 綜藝
documentary_films: 紀錄片
animations: 動畫
animations: 原創動畫
gaming: 遊戲
kichiku: 鬼畜
music: 音樂
@@ -114,3 +114,15 @@ anime:
your_watch_list: 正在追
recommended_for_you: 你或許想看
havent_seen: 暫未觀看
popular_anime: 近期熱播
follow: '{num}人在追'
anime_timetable:
title: 動畫週期表
days_of_week:
mon: 週一
tue: 週二
wed: 週三
thu: 週四
fri: 週五
sat: 週六
sun: 週日

14
src/_locales/en.yml
View File

@@ -126,4 +126,16 @@ anime:
update_to_n_episodes: Update to {ep} Episodes
your_watch_list: Your Watchlist
recommended_for_you: Recommended for you
havent_seen: Haven't seen
havent_seen: Haven't seen
popular_anime: Popular Anime
follow: '{num} follow'
anime_timetable:
title: Anime Timetable
days_of_week:
mon: MON
tue: TUE
wed: WED
thu: THU
fri: FRI
sat: SAT
sun: SUN

24
src/_locales/jyut.yml
View File

@@ -16,9 +16,9 @@ settings:
select_language: 介面語文
select_language_opt:
english: 英文
Mandarin_CN: 簡體中文
Mandarin_TW: 正體中文
jyut: 粵文
Mandarin_CN: 官话
Mandarin_TW: 官話
jyut: 廣東話
authorize_app: 授權 BewlyBewly 使用 access key
authorize_app_desc: |
授咗權嘅話首頁會畀啲可能啱我心水嘅片我 (授權 key 一個月左右有效，之後若然你撞正啲咩牛鬼蛇神唔開胃嘅嘢試下重新授權)
@@ -44,13 +44,13 @@ topbar:
creative_center: 創作中心
upload: Po 嘢
logo_dropdown:
anime: 番劇
anime: 動畫
movies: 電影
chinese_anime: 國創
chinese_anime: 中國動畫
tv_shows: 電視劇
variety_shows: 綜藝
documentary_films: 紀錄片
animations: 動畫
animations: 原創動畫
gaming: 遊戲
kichiku: 鬼畜
music: 音樂
@@ -119,3 +119,15 @@ anime:
your_watch_list: 追緊
recommended_for_you: 估你心水
havent_seen: 未曾睇過
popular_anime: 時下至 Hit
follow: '{num}人追緊'
anime_timetable:
title: 動畫日程表
days_of_week:
mon: 週一
tue: 週二
wed: 週三
thu: 週四
fri: 週五
sat: 週六
sun: 週日

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

@@ -115,7 +115,6 @@ function getPopularAnimeList() {
<a
:href="`https://space.bilibili.com/${getUserID() ?? 0}/bangumi`"
target="_blank"
un-text="$bew-theme-color"
>{{ $t('common.view_all') }}</a>
</div>
@@ -183,7 +182,7 @@ function getPopularAnimeList() {
<section mb-8>
<div flex justify-between items-end mb-6>
<h3 text="3xl $bew-text-1" font="bold">
Popular Anime
{{ $t('anime.popular_anime') }}
</h3>
<a
href="https://www.bilibili.com/v/popular/rank/bangumi"
@@ -250,9 +249,13 @@ function getPopularAnimeList() {
mr-2
rounded-4
lh-loose
>{{ item.rating }}
>{{ item.rating.replace('分', '') }}
</span>
{{ numFormatter(Number(item.stat.series_follow)) }} follow
{{
$t('anime.follow', {
num: numFormatter(item.stat.series_follow),
})
}}
</p>
</article>
</div>
@@ -263,7 +266,7 @@ function getPopularAnimeList() {
<section mb-8>
<div flex justify-between items-end mb-6>
<h3 text="3xl $bew-text-1" font="bold">
Anime Timetable
{{ $t('anime.anime_timetable.title') }}
</h3>
</div>

23
src/contentScripts/views/Anime/components/AnimeTimeTable.vue
View File

@@ -1,12 +1,26 @@
<script setup lang="ts">
import type { Ref } from 'vue'
import { useI18n } from 'vue-i18n'
import type { AnimeTimeTableItem } from '../types'
import { removeHttpFromUrl } from '~/utils'
const { t } = useI18n()
const animeTimeTable = reactive<AnimeTimeTableItem[]>([])
const daysOfTheWeekList = ['MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN']
const animeTimeTableWrap = ref<HTMLElement>() as Ref<HTMLElement>
const daysOfTheWeekList = computed(() => {
return [
t('anime.anime_timetable.days_of_week.mon'),
t('anime.anime_timetable.days_of_week.tue'),
t('anime.anime_timetable.days_of_week.wed'),
t('anime.anime_timetable.days_of_week.thu'),
t('anime.anime_timetable.days_of_week.fri'),
t('anime.anime_timetable.days_of_week.sat'),
t('anime.anime_timetable.days_of_week.sun'),
]
})
onMounted(() => {
getAnimeTimeTable()
})
@@ -58,11 +72,14 @@ function getAnimeTimeTable() {
background-image: url(//s1.hdslb.com/bfs/static/bangumi-timeline/asserts/icons.png);
"
/>
<h3 :text="item.is_today ? '$bew-text-2' : '$bew-text-3'">
<h3 :text="item.is_today ? '$bew-text-1' : '$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>
<span
:text="`base ${item.is_today ? '$bew-text-2' : '$bew-text-3'}`"
ml-2
>{{ item.date }}</span>
</h3>
</div>
<span