fix: hide unsupported glass theme controls

This commit is contained in:
jxxghp
2026-07-22 15:07:09 +08:00
parent 17cdfe6885
commit b66bc353b3
+5
View File
@@ -128,6 +128,9 @@ const layoutOptions = computed<Array<{ icon: string; title: string; value: Theme
const showLayoutSection = computed(() => !appMode.value) const showLayoutSection = computed(() => !appMode.value)
// 玻璃表面依赖固定的高光描边维持轮廓,不提供与材质冲突的通用皮肤切换。
const showSkinSection = computed(() => globalTheme.name.value !== 'glass')
// 玻璃主题使用成套的外阴影与内高光,不提供不完整的 Vuetify elevation 调整。 // 玻璃主题使用成套的外阴影与内高光,不提供不完整的 Vuetify elevation 调整。
const showShadowSection = computed(() => globalTheme.name.value !== 'glass') const showShadowSection = computed(() => globalTheme.name.value !== 'glass')
@@ -275,6 +278,7 @@ async function handleResetSettings() {
</div> </div>
</div> </div>
<template v-if="showSkinSection">
<VDivider class="mt-7" /> <VDivider class="mt-7" />
<h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3> <h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3>
@@ -303,6 +307,7 @@ async function handleResetSettings() {
<span>{{ skin.title }}</span> <span>{{ skin.title }}</span>
</div> </div>
</div> </div>
</template>
<VDivider class="mt-7" /> <VDivider class="mt-7" />