Load more spinner
This commit is contained in:
parent
d5d7709c9f
commit
d5a82ab2b3
|
@ -11,6 +11,12 @@
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-onlinePhBody {
|
||||||
|
.bd-spinnerContainer {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
|
@ -31,11 +31,14 @@
|
||||||
<input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
|
<input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="loadingOnline" class="bd-spinnerContainer">
|
<div v-if="loadingOnline" class="bd-spinnerContainer">
|
||||||
<div class="bd-spinner7"></div>
|
<div class="bd-spinner7"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes">
|
<div class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes">
|
||||||
<RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
|
<RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
|
||||||
|
<div v-if="loadingMore" class="bd-spinnerContainer">
|
||||||
|
<div class="bd-spinner7"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -60,7 +63,8 @@
|
||||||
local: true,
|
local: true,
|
||||||
localThemes: ThemeManager.localThemes,
|
localThemes: ThemeManager.localThemes,
|
||||||
onlineThemes: null,
|
onlineThemes: null,
|
||||||
loadingOnline: false
|
loadingOnline: false,
|
||||||
|
loadingMore: false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
Loading…
Reference in New Issue