Add empty tip

This commit is contained in:
the1812 2019-08-10 13:10:45 +08:00
parent 18ebd83e31
commit 357ecef433
6 changed files with 22 additions and 15 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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;

View File

@ -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>