style(highlight-textarea): 优化文本域样式和功能

src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue

@@ -110,7 +110,7 @@ const generateHighlightedHtml = (): string => {
     const levelStyle = props.levelMap?.get(wordInfo.risk_level);
     const color = levelStyle?.color || '#F64B31';
 
-    return `<span class="text-14px font-400 lh-22px" style="color: ${color};">${escapeHtml(match)}</span>`;
+    return `<span class="text-14px font-400 lh-22px font-family-regular" style="color: ${color};">${escapeHtml(match)}</span>`;
   });
 };
 
@@ -174,6 +174,7 @@ const handleCompositionUpdate = () => {
     font-size: 14px;
     line-height: 22px;
     font-weight: 400;
+    font-family: $font-family-regular;
     //border: 1px solid #d7d7d9;
     border-radius: 4px;
     resize: none;
@@ -209,15 +210,20 @@ const handleCompositionUpdate = () => {
       resize: none;
       @include textarea-padding;
       overflow-y: auto;
-    }
+      &.ant-input-disabled {
+        background: #f2f3f5 !important;
+        -webkit-text-fill-color: rgba(0, 0, 0, 0.25) !important;
+      }
 
-    .arco-textarea-word-limit {
-      z-index: 2;
     }
-
-    &.arco-textarea-disabled {
-      .arco-textarea {
-        background: #f2f3f5;
+    &.ant-input-textarea-show-count {
+      &::after {
+        position: absolute;
+        z-index: 2;
+        font-size: 12px;
+        right: 10px;
+        bottom: 6px;
+        user-select: none;
       }
     }
   }