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;
|
justify-content: space-between;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
}
|
}
|
||||||
.custom-navbar .video-activity.loading {
|
.custom-navbar .video-activity.center {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -1303,7 +1303,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
.custom-navbar .bangumi-activity.loading {
|
.custom-navbar .bangumi-activity.center {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -1365,7 +1365,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
|||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
}
|
}
|
||||||
.custom-navbar .column-activity.loading {
|
.custom-navbar .column-activity.center {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -1433,7 +1433,7 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
.custom-navbar .live-activity.loading {
|
.custom-navbar .live-activity.center {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
@ -978,6 +978,10 @@ class Activities extends NavbarComponent {
|
|||||||
</div>`,
|
</div>`,
|
||||||
props: ['loading'],
|
props: ['loading'],
|
||||||
})
|
})
|
||||||
|
Vue.component('activity-empty', {
|
||||||
|
template: /*html*/`
|
||||||
|
<div class="empty">空空如也哦 = ̄ω ̄=</div>`,
|
||||||
|
})
|
||||||
this.popupVM = new Vue({
|
this.popupVM = new Vue({
|
||||||
el: await SpinQuery.select('.activity-popup'),
|
el: await SpinQuery.select('.activity-popup'),
|
||||||
data: {
|
data: {
|
||||||
@ -1074,8 +1078,9 @@ class Activities extends NavbarComponent {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
template: /*html*/`
|
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-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">
|
<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>
|
<video-card v-for="card of leftCards" :key="card.id" :card="card" :watchlaterInit="card.watchlater"></video-card>
|
||||||
</div>
|
</div>
|
||||||
@ -1139,8 +1144,9 @@ class Activities extends NavbarComponent {
|
|||||||
},
|
},
|
||||||
'bangumi-activity': {
|
'bangumi-activity': {
|
||||||
template: /*html*/`
|
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-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">
|
<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>
|
<dpi-img class="ep-cover" :size="{width: 100}" :src="card.epCoverUrl"></dpi-img>
|
||||||
<h1 class="ep-title" :title="card.epTitle">{{card.epTitle}}</h1>
|
<h1 class="ep-title" :title="card.epTitle">{{card.epTitle}}</h1>
|
||||||
@ -1185,8 +1191,9 @@ class Activities extends NavbarComponent {
|
|||||||
},
|
},
|
||||||
'column-activity': {
|
'column-activity': {
|
||||||
template: /*html*/`
|
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-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">
|
<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">
|
<div class="covers">
|
||||||
<dpi-img class="cover" v-for="cover of card.covers" :key="cover" :size="{height: 120}" :src="cover"></dpi-img>
|
<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