mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-06 16:16:42 +08:00
feat: 添加透明主题支持及背景图片轮换功能
- 在 App.vue 中引入 API 获取背景图片,并实现背景图片的轮换功能。 - 更新主题切换逻辑,支持透明主题,并在主题变化时更新 HTML 属性。 - 在样式中添加透明主题的特定样式,确保各个组件在透明主题下的显示效果。
This commit is contained in:
@@ -387,7 +387,7 @@ function loadMore({ done }: { done: any }) {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="search-header d-none d-sm-flex">
|
||||
<div class="search-header d-none d-sm-flex mb-3">
|
||||
<!-- 页面头部和筛选栏 -->
|
||||
<VCard class="view-header rounded-xl">
|
||||
<div class="d-flex align-center flex-wrap pa-3">
|
||||
@@ -499,7 +499,7 @@ function loadMore({ done }: { done: any }) {
|
||||
</div>
|
||||
|
||||
<!-- 移动端头部和筛选区域 -->
|
||||
<VCard class="d-block d-sm-none search-header-mobile">
|
||||
<VCard class="d-block d-sm-none search-header-mobile mb-3">
|
||||
<!-- 移动端头部 -->
|
||||
<div class="view-header">
|
||||
<div class="d-flex align-center flex-wrap pa-2">
|
||||
@@ -617,7 +617,6 @@ function loadMore({ done }: { done: any }) {
|
||||
position: sticky;
|
||||
z-index: 10;
|
||||
backdrop-filter: blur(10px);
|
||||
background-color: rgba(var(--v-theme-background), 0.95);
|
||||
inset-block-start: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user