移除设置页「主题外观」子菜单:只剩固定纸感展示已无可操作项,亮色皮肤值原样保留在设置里

This commit is contained in:
Sakurasan committed 2026-10-08 00:25:15 +08:00
1 parent 916dd74034
commit fc12f9ada4
1 file changed
+1 -29
+1 -29
View File
@@ -2,7 +2,7 @@
import { computed, onMounted, ref } from 'vue'
import { toastOk, toastErr } from './toast'
import { adminApi, session } from '../api'
import { SKIN_CONSTANTS, UI_CONSTANTS } from '../site'
import { UI_CONSTANTS } from '../site'
import { SECTIONS } from '../ui/sections'
const tab = ref('basic')
@@ -72,11 +72,6 @@ function textToSocial(text) {
.filter(Boolean)
}
// 皮肤已精简:亮端固定纸感,暗端固定墨色(2026 重设计)。下面只做展示。
const lightSkins = [
{ id: 'paper', label: '纸感', bg: '#faf7f1', fg: '#3d7f9c' }
]
// ---------- 界面与自定义(第二套 UI) ----------
// 两套 UI 都保留,这里整站切换。后台自身外观不受影响。
@@ -176,9 +171,6 @@ async function load() {
settings.value = res.settings
credMeta.value = res.credential_meta || {}
secrets.value = {}
if (!SKIN_CONSTANTS.LIGHT_SKINS.includes(settings.value.light_skin_id)) {
settings.value.light_skin_id = 'paper'
}
if (!UI_CONSTANTS.UIS.includes(settings.value.ui_id)) {
settings.value.ui_id = UI_CONSTANTS.DEFAULT
}
@@ -249,7 +241,6 @@ async function save() {
<div class="settings-grid">
<div class="settings-tabs">
<button :class="{ on: tab === 'basic' }" @click="tab = 'basic'">基础信息</button>
<button :class="{ on: tab === 'theme' }" @click="tab = 'theme'">主题外观</button>
<button :class="{ on: tab === 'ui' }" @click="tab = 'ui'">界面与自定义</button>
<button :class="{ on: tab === 'advanced' }" @click="tab = 'advanced'">高级</button>
<button v-if="session.isOwner" :class="{ on: tab === 'system' }" @click="tab = 'system'">登录与存储</button>
@@ -289,25 +280,6 @@ async function save() {
</p>
</div>
<!-- theme:只管亮色皮肤;暗色端固定墨色,明暗切换在前台主题按钮 -->
<div v-if="tab === 'theme'" class="panel">
<div class="panel-title"><h2>主题外观</h2></div>
<div class="field">
<label>亮色皮肤</label>
<div class="theme-swatches">
<div class="sw on" :style="{ background: lightSkins[0].bg, borderColor: lightSkins[0].fg }" :title="lightSkins[0].label">
<span :style="{ background: lightSkins[0].fg }">{{ lightSkins[0].label }}</span>
</div>
</div>
<p style="margin: 6px 0 0; font-size: 12px; color: var(--admin-muted); line-height: 1.7;">
亮色端使用这里选的皮肤,深色端固定为墨色。
访客在前台右下角切换「浅色 / 深色 / 自动」:浅色走亮色皮肤,
深色走墨色,「自动」跟随系统明暗偏好——与 vivid 前台的行为一致。
</p>
</div>
</div>
<!-- ui:第二套 UI + 分区自定义 CSS -->
<div v-if="tab === 'ui'" class="panel">
<div class="panel-title"><h2>界面</h2></div>