feat: 添加透明主题支持及背景图片轮换功能

- 在 App.vue 中引入 API 获取背景图片,并实现背景图片的轮换功能。
- 更新主题切换逻辑,支持透明主题,并在主题变化时更新 HTML 属性。
- 在样式中添加透明主题的特定样式,确保各个组件在透明主题下的显示效果。
This commit is contained in:
jxxghp
2025-04-18 13:47:39 +08:00
parent 01c8304c8b
commit 476d2f7e81
11 changed files with 317 additions and 43 deletions

View File

@@ -195,11 +195,10 @@ onMounted(() => {
<VIcon :icon="getThemeIcon" />
</IconBtn>
</template>
<VList class="theme-switcher-list pt-0">
<VList class="theme-switcher-list pt-0 overflow-hidden">
<VCardItem class="theme-switcher-header">
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
</VCardItem>
<div class="theme-switcher-options px-2">
<VListItem
v-for="theme in props.themes"
@@ -271,8 +270,7 @@ onMounted(() => {
}
.theme-switcher-options {
max-block-size: 300px;
overflow-y: auto;
overflow-y: hidden;
}
.theme-option {