|
|
@@ -1658,7 +1658,7 @@ onMounted(async () => {
|
|
|
/* 1. 穿梭框父容器：居中 + 内边距 */
|
|
|
.transfer-container {
|
|
|
text-align: center;
|
|
|
- padding: 0px 0; /* 上下内边距，避免紧贴对话框边缘 */
|
|
|
+ padding: 0px; /* 上下内边距，避免紧贴对话框边缘 */
|
|
|
}
|
|
|
|
|
|
/* 2. 穿梭框组件：控制宽度，避免过窄或过宽 */
|
|
|
@@ -1674,11 +1674,23 @@ onMounted(async () => {
|
|
|
|
|
|
/* 3. 深度选择器：修改el-transfer选项样式（解决内容省略问题） */
|
|
|
:deep(.el-transfer-panel__item) {
|
|
|
- white-space: nowrap; /* 文本不换行，保证一行显示 */
|
|
|
- overflow: hidden; /* 超出部分隐藏 */
|
|
|
- text-overflow: ellipsis; /* 超出显示省略号 */
|
|
|
- max-width: 100%; /* 确保文本不超出选项容器宽度 */
|
|
|
- padding: 6px 6px; /* 适当增加内边距，优化点击体验 */
|
|
|
+ /* white-space: nowrap; 文本不换行，保证一行显示 */
|
|
|
+ /* overflow: hidden; 超出部分隐藏 */
|
|
|
+ /* text-overflow: ellipsis; 超出显示省略号 */
|
|
|
+ /* max-width: 100%; 确保文本不超出选项容器宽度 */
|
|
|
+ /* padding: 6px 6px; 适当增加内边距，优化点击体验 */
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.el-transfer-panel__item) {
|
|
|
+ display: flex !important;
|
|
|
+ align-items: center !important;
|
|
|
+ height: 32px !important;
|
|
|
+ line-height: 32px !important;
|
|
|
+ padding: 0 8px !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
/* 4. 选项文本：确保继承父容器宽度，省略号正常生效 */
|
