Merge pull request #3936 from Ethkuil/preview-fixes

Update default empty content (fix #3932)
This commit is contained in:
Grant Howard 2023-01-18 21:52:51 +08:00 committed by GitHub
commit ccb8fb2c82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,7 +2,16 @@
<div class="widgets-panel">
<div class="widgets-panel-header"><VIcon icon="widgets"></VIcon>功能</div>
<!-- <div class="widgets-loading" v-if="loading">加载中...</div> -->
<VEmpty v-if="!loading && widgets.length === 0" class="widgets-empty"></VEmpty>
<VEmpty v-if="!loading && widgets.length === 0" class="widgets-empty">
<div class="widgets-empty-content">
空空如也哦 =ω=<br />
可点此参考
<a href="https://bilibili-evolved-doc.vercel.app/docs/user/settings" target="_blank">
用户手册
</a>
以安装所需功能
</div>
</VEmpty>
<div class="widget-items">
<component
:is="w.component"
@ -76,6 +85,8 @@ export default Vue.extend({
<style lang="scss">
@import 'common';
@import 'markdown';
.widgets-panel {
max-height: var(--panel-height);
min-height: 80px;
@ -111,6 +122,9 @@ export default Vue.extend({
.widgets-loading,
.widgets-empty {
padding: 12px 0;
.widgets-empty-content {
@include markdown();
}
}
.widget-items {
position: relative;