src/pages/system/params/index.module.less

@@ -1,36 +1,33 @@
-// 参数值单元格：文字最多 2 行省略，末尾带"查看"链接
-:global {
-  .param-value-cell {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    width: 100%;
-    cursor: default;
-  }
+.cell {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  cursor: default;
+}
 
-  .param-value-text {
-    flex: 1;
-    min-width: 0;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    line-height: 1.5;
-    word-break: break-all;
-    color: rgba(0, 0, 0, 0.88);
-  }
+.text {
+  flex: 1;
+  min-width: 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5;
+  word-break: break-all;
+  color: rgba(0, 0, 0, 0.88);
+}
 
-  .param-value-view {
-    flex-shrink: 0;
-    color: #1677ff;
-    cursor: pointer;
-    user-select: none;
-    line-height: 1.5;
-    white-space: nowrap;
+.view {
+  flex-shrink: 0;
+  color: #1677ff;
+  cursor: pointer;
+  user-select: none;
+  line-height: 1.5;
+  white-space: nowrap;
 
-    &:hover {
-      opacity: 0.85;
-    }
+  &:hover {
+    opacity: 0.85;
   }
 }

src/pages/system/params/index.tsx

@@ -5,7 +5,7 @@ import { saveParam, updateParam } from './model/services';
 import { useState, useThrottleFn, useContainerSize, useEffect } from '@/hooks';
 import ParamFormModal from './components/ParamFormModal';
 import pageStyles from '@/assets/styles/pageLayout.module.less';
-import './index.module.less';
+import cellStyles from './index.module.less';
 
 /**
  * 参数值单元格：最多 2 行截断，溢出时显示"查看"按钮
@@ -38,12 +38,12 @@ const ParamValueCell = defineComponent({
     return () => {
       const raw = props.text;
       return (
-        <div class="param-value-cell">
-          <div ref={textRef} class="param-value-text">
+        <div class={cellStyles.cell}>
+          <div ref={textRef} class={cellStyles.text}>
             {raw}
           </div>
           {overflow.value ? (
-            <span class="param-value-view" onClick={() => setModalOpen(true)}>
+            <span class={cellStyles.view} onClick={() => setModalOpen(true)}>
               查看
             </span>
           ) : null}