fix: 样式打包失效优化

This commit is contained in:
ZhuRui
2026-08-07 20:12:33 +08:00
parent d9a20c906b
commit ac7bfeacfe
2 changed files with 32 additions and 35 deletions
+28 -31
View File
@@ -1,36 +1,33 @@
// 参数值单元格:文字最多 2 行省略,末尾带"查看"链接 .cell {
:global { display: flex;
.param-value-cell { align-items: center;
display: flex; gap: 6px;
align-items: center; width: 100%;
gap: 6px; cursor: default;
width: 100%; }
cursor: default;
}
.param-value-text { .text {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: 1.5; line-height: 1.5;
word-break: break-all; word-break: break-all;
color: rgba(0, 0, 0, 0.88); color: rgba(0, 0, 0, 0.88);
} }
.param-value-view { .view {
flex-shrink: 0; flex-shrink: 0;
color: #1677ff; color: #1677ff;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
line-height: 1.5; line-height: 1.5;
white-space: nowrap; white-space: nowrap;
&:hover { &:hover {
opacity: 0.85; opacity: 0.85;
}
} }
} }
+4 -4
View File
@@ -5,7 +5,7 @@ import { saveParam, updateParam } from './model/services';
import { useState, useThrottleFn, useContainerSize, useEffect } from '@/hooks'; import { useState, useThrottleFn, useContainerSize, useEffect } from '@/hooks';
import ParamFormModal from './components/ParamFormModal'; import ParamFormModal from './components/ParamFormModal';
import pageStyles from '@/assets/styles/pageLayout.module.less'; import pageStyles from '@/assets/styles/pageLayout.module.less';
import './index.module.less'; import cellStyles from './index.module.less';
/** /**
* 参数值单元格:最多 2 行截断,溢出时显示"查看"按钮 * 参数值单元格:最多 2 行截断,溢出时显示"查看"按钮
@@ -38,12 +38,12 @@ const ParamValueCell = defineComponent({
return () => { return () => {
const raw = props.text; const raw = props.text;
return ( return (
<div class="param-value-cell"> <div class={cellStyles.cell}>
<div ref={textRef} class="param-value-text"> <div ref={textRef} class={cellStyles.text}>
{raw} {raw}
</div> </div>
{overflow.value ? ( {overflow.value ? (
<span class="param-value-view" onClick={() => setModalOpen(true)}> <span class={cellStyles.view} onClick={() => setModalOpen(true)}>
</span> </span>
) : null} ) : null}