修复深色说明样式归属与实名认证上传字段标签

This commit is contained in:
cieanyau committed 2026-11-06 03:12:03 +08:00
1 parent 56188874cb
commit 21821ec6fa
4 files changed
+383 -17

No files matched your search

@@ -10,18 +10,19 @@
line-height: 1.8;
}
.description-panel[data-v-8a6cfb44] {
background: #fff;
border-top: 1px solid #e2e9f3;
border-bottom: 1px solid #dfe6f0;
/* 面板与文字使用同一主题协议,紧凑预览和完整说明都不能固定为浅色配色。 */
background: var(--p-content-background);
border-top: 1px solid var(--p-content-border-color);
border-bottom: 1px solid var(--p-content-border-color);
padding: 0;
}
.description-header[data-v-8a6cfb44] {
background: #f5f8fe;
border-bottom: 1px solid #dfe6f0;
background: var(--p-content-hover-background);
border-bottom: 1px solid var(--p-content-border-color);
padding: 8px clamp(20px, 8.6%, 110px);
}
.description-header h2[data-v-8a6cfb44] {
color: #657286;
color: var(--p-text-muted-color);
margin: 0;
font-size: 21px;
font-weight: 500;
@@ -42,7 +43,7 @@
display: grid;
}
.description-field dt[data-v-8a6cfb44] {
color: #708096;
color: var(--p-text-muted-color);
align-items: center;
gap: 16px;
min-width: 0;
@@ -56,7 +57,7 @@
font-size: 18px;
}
.description-field dd[data-v-8a6cfb44] {
color: #394658;
color: var(--p-text-color);
white-space: pre-line;
min-width: 0;
margin: 0;
@@ -89,13 +89,13 @@
.calc-row.total > b[data-v-e4be3b52] {
color: var(--p-text-color);
}
/* 应用深色主题覆盖,保持在基础颜色之后;主题切换只改变外观,不改变业务状态。 */
.app-dark .notice {
/* 深色提示仅属于本弹窗;首页公告也使用 notice-title,不能让覆盖跨越组件作用域。 */
.app-dark .notice[data-v-e4be3b52] {
background: #172554;
border-color: #1e3a8a;
}
/* 应用深色主题覆盖,保持在基础颜色之后;主题切换只改变外观,不改变业务状态。 */
.app-dark .notice ul,
.app-dark .notice-title {
.app-dark .notice ul[data-v-e4be3b52],
.app-dark .notice-title[data-v-e4be3b52] {
color: #bfdbfe;
}
+16 -5
View File
@@ -4,6 +4,7 @@ import "~/assets/styles/UploadField.BbTCTv6C.css";
import { toDisplayString } from "vue";
import { mergeModels } from "vue";
import { useModel } from "vue";
import { useId } from "vue";
import { ref } from "vue";
import { createCommentVNode } from "vue";
import { createElementBlock } from "vue";
@@ -18,13 +19,10 @@ import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helpe
var m = {
class: `field`,
},
h = {
key: 0,
},
g = {
class: `row`,
},
_ = [`accept`, `disabled`],
_ = [`id`, `accept`, `disabled`],
v = {
key: 0,
class: `state`,
@@ -62,6 +60,8 @@ var m = {
let p = useModel(t, `modelValue`),
S = u,
C = useApi(),
// 每个实例有独立关联 ID,多张证件同时上传时标签仍指向各自的原生输入框。
L = useId(),
w = ref(!1),
T = ref(``),
E = ref(``);
@@ -90,13 +90,20 @@ var m = {
createElementBlock(`div`, m, [
t.label
? (openBlock(),
createElementBlock(`label`, h, toDisplayString(t.label), 1))
createElementBlock(
`label`,
{ key: 0, for: L },
toDisplayString(t.label),
9,
[`for`],
))
: createCommentVNode(``, !0),
createElementVNode(`div`, g, [
createElementVNode(
`input`,
{
type: `file`,
id: L,
accept: t.accept,
disabled: unref(w),
onChange: D,
@@ -147,6 +154,7 @@ var m = {
{
type: `button`,
class: `rm`,
"aria-label": `移除${t.label || `已上传文件`}`,
onClick: O,
},
[
@@ -155,12 +163,15 @@ var m = {
`i`,
{
class: `pi pi-times`,
"aria-hidden": `true`,
},
null,
-1,
),
]),
],
8,
[`aria-label`],
),
],
64,