修复深色说明样式归属与实名认证上传字段标签
This commit is contained in:
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;
|
||||
}
|
||||
@@ -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,
|
||||
|
||||
Reference in new issue
Block a user