mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Add empty tip
This commit is contained in:
parent
18ebd83e31
commit
357ecef433
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
min/custom-navbar.min.css
vendored
2
min/custom-navbar.min.css
vendored
File diff suppressed because one or more lines are too long
2
min/custom-navbar.min.js
vendored
2
min/custom-navbar.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1208,7 +1208,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
}
|
||||
.custom-navbar .video-activity.loading {
|
||||
.custom-navbar .video-activity.center {
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
@ -1303,7 +1303,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
||||
flex-direction: column;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.custom-navbar .bangumi-activity.loading {
|
||||
.custom-navbar .bangumi-activity.center {
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -1365,7 +1365,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
||||
align-items: stretch;
|
||||
padding: 0 12px;
|
||||
}
|
||||
.custom-navbar .column-activity.loading {
|
||||
.custom-navbar .column-activity.center {
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -1433,7 +1433,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
||||
width: 100%;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.custom-navbar .live-activity.loading {
|
||||
.custom-navbar .live-activity.center {
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@ -978,6 +978,10 @@ class Activities extends NavbarComponent {
|
||||
</div>`,
|
||||
props: ['loading'],
|
||||
})
|
||||
Vue.component('activity-empty', {
|
||||
template: /*html*/`
|
||||
<div class="empty">空空如也哦 = ̄ω ̄=</div>`,
|
||||
})
|
||||
this.popupVM = new Vue({
|
||||
el: await SpinQuery.select('.activity-popup'),
|
||||
data: {
|
||||
@ -1074,8 +1078,9 @@ class Activities extends NavbarComponent {
|
||||
},
|
||||
},
|
||||
template: /*html*/`
|
||||
<div class="video-activity" :class="{loading}">
|
||||
<div class="video-activity" :class="{center: loading || (leftCards.length + rightCards.length) === 0}">
|
||||
<activity-loading :loading="loading"></activity-loading>
|
||||
<activity-empty v-if="!loading && leftCards.length + rightCards.length === 0"></activity-empty>
|
||||
<div v-if="!loading" class="video-activity-column">
|
||||
<video-card v-for="card of leftCards" :key="card.id" :card="card" :watchlaterInit="card.watchlater"></video-card>
|
||||
</div>
|
||||
@ -1139,8 +1144,9 @@ class Activities extends NavbarComponent {
|
||||
},
|
||||
'bangumi-activity': {
|
||||
template: /*html*/`
|
||||
<div class="bangumi-activity" :class="{loading}">
|
||||
<div class="bangumi-activity" :class="{center: loading || cards.length === 0}">
|
||||
<activity-loading :loading="loading"></activity-loading>
|
||||
<activity-empty v-if="!loading && cards.length === 0"></activity-empty>
|
||||
<a v-if="!loading" class="bangumi-card" :class="{new: card.new}" v-for="card of cards" :key="card.id" target="_blank" :href="card.url">
|
||||
<dpi-img class="ep-cover" :size="{width: 100}" :src="card.epCoverUrl"></dpi-img>
|
||||
<h1 class="ep-title" :title="card.epTitle">{{card.epTitle}}</h1>
|
||||
@ -1185,8 +1191,9 @@ class Activities extends NavbarComponent {
|
||||
},
|
||||
'column-activity': {
|
||||
template: /*html*/`
|
||||
<div class="column-activity" :class="{loading}">
|
||||
<div class="column-activity" :class="{center: loading || cards.length === 0}">
|
||||
<activity-loading :loading="loading"></activity-loading>
|
||||
<activity-empty v-if="!loading && cards.length === 0"></activity-empty>
|
||||
<a v-if="!loading" class="column-card" :class="{new: card.new}" v-for="card of cards" :key="card.id" target="_blank" :href="card.url">
|
||||
<div class="covers">
|
||||
<dpi-img class="cover" v-for="cover of card.covers" :key="cover" :size="{height: 120}" :src="cover"></dpi-img>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user