direv/admin_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(F006-W17.3.3): SearchBar select width 显式 px + 列宽 isEnterprise 140 + min-width 兜底

Browse Source
This commit is contained in:
Sisyphus 2026-07-07 15:42:59 +08:00
parent 63420203dd
commit ba00ed985a
1 changed files with 54 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/styles/global-popper.scss
View File

@ -1,29 +1,53 @@
/* === 全局弹层圆角 (按 ui-preview-v2.html 模板: --radius 8px) ===
EP 弹层 (select-dropdown / popper / dropdown / menu) 通过 teleport 到 body,
不在组件 scope 内, 必须全局生效 */
不在组件 scope 内, 必须全局生效。双重保险:① 改 EP CSS 变量根 ② 写 !important selector */
/* === 1) 改 EP CSS 变量根 (从源头覆盖, 所有用 var(--el-*) 的弹层都生效) === */
:root {
--el-border-radius-base: 8px;
--el-border-radius-small: 6px;
--el-popper-border-radius: 8px;
}
/* === 2) 显式 selector + !important (覆盖任何内联样式) === */
.el-select-dropdown,
.el-select__popper,
.el-select-v2__popper,
.el-dropdown-menu,
.el-dropdown__popper,
.el-menu--popup,
.el-popper,
.el-popper.is-light,
.el-picker__popper,
.el-autocomplete__popper,
.el-autocomplete-suggestion,
.el-popper {
.el-cascader__dropdown,
.el-cascader-panel,
.el-color-picker__panel,
.el-tooltip__popper,
.el-message-box,
.el-notification,
.el-drawer {
border-radius: var(--radius, 8px) !important;
overflow: hidden;
}
/* dropdown 项 hover/选中态 */
/* 弹层内容滚动层 (Element Plus 弹层有 .el-popper__content 内部容器) */
.el-popper .el-popper__content,
.el-select-dropdown .el-scrollbar {
border-radius: var(--radius, 8px) !important;
}
/* === 3) dropdown 项 hover/选中态 (跟模版统一: brand-soft 高亮 + brand 蓝字) === */
.el-select-dropdown__item,
.el-dropdown-menu__item {
border-radius: var(--radius-sm, 6px) !important;
margin: 2px 4px;
padding: 0 12px;
height: 34px;
line-height: 34px;
font-size: 13px;
margin: 2px 4px !important;
padding: 0 12px !important;
height: 34px !important;
line-height: 34px !important;
font-size: 13px !important;
color: var(--ink-2, #334155);
background: transparent;
}
.el-select-dropdown__item.is-hovering,
.el-dropdown-menu__item:not(.is-disabled):hover {
@ -31,30 +55,35 @@
color: var(--brand, #2563EB) !important;
}
.el-select-dropdown__item.is-selected {
font-weight: 600;
font-weight: 600 !important;
color: var(--brand, #2563EB) !important;
background: transparent !important;
}
/* 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) */
/* === 4) 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) === */
.el-select-dropdown,
.el-dropdown-menu,
.el-popper.is-light {
.el-popper.is-light,
.el-cascader__dropdown,
.el-color-picker__panel {
background: var(--surface, #FFFFFF) !important;
border: 1px solid var(--border, #E2E8F0) !important;
}
.el-select-dropdown__item,
.el-dropdown-menu__item {
color: var(--ink-2, #334155);
background: transparent;
/* === 5) input 圆角: 跟模版一致 (按 ui-preview-v2.html: 1px 描边 + 8px 圆角 + 34px 高) === */
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
border-radius: var(--radius, 8px) !important;
box-shadow: 0 0 0 1px var(--border, #E2E8F0) inset !important;
min-height: 34px;
transition: box-shadow 0.15s, border-color 0.15s;
}
.el-select-dropdown__item.is-hovering,
.el-dropdown-menu__item:not(.is-disabled):hover {
background: var(--brand-soft) !important;
color: var(--brand) !important;
.el-input__wrapper:hover,
.el-select__wrapper:hover {
box-shadow: 0 0 0 1px var(--ink-3, #94A3B8) inset !important;
}
.el-select-dropdown__item.is-selected {
color: var(--brand) !important;
font-weight: 600;
background: transparent !important;
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused {
box-shadow: 0 0 0 1px var(--brand, #2563EB) inset, 0 0 0 3px var(--brand-glow, rgba(37, 99, 235, 0.18)) !important;
}