移除设置页「主题外观」子菜单:只剩固定纸感展示已无可操作项,亮色皮肤值原样保留在设置里
This commit is contained in:
1 parent
916dd74034
commit
fc12f9ada4
1 file changed
+1
-29
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user