5580 h5巡课任务，巡课课程界面字段名显示不完整20150289密码208688

baseComponents/FormArray/index.js

@@ -17,6 +17,7 @@ import TextareaItemMultiRows from '../TextareaItemMultiRows';
 import { useState } from 'react';
 import DiyUploadOneStopFile from '@/H5Public/baseComponents/FormArray/DiyUploadOneStopFile';
 
+const Item = List.Item;
 const DiyInput = props => {
   let { config, formValue, changeValue, otherProps } = props;
   if (config.readOnly) {
@@ -55,19 +56,28 @@ const DiyTextarea = props => {
     delete config.otherProps?.placeholder;
   }
   return (
-    <TextareaItem
-      key={config.key}
-      title={giveRequiredName(config)}
-      maxLength={200}
-      autoHeight={true}
-      placeholder={config.placeholder}
-      editable={!config.readOnly}
-      value={formValue[config.key]}
-      onChange={e => {
-        changeValue(e, config.key);
-      }}
-      {...config.otherProps}
-    ></TextareaItem>
+    <div key={config.key} className={styles.textarea}>
+      {
+        config.titleOneLine &&
+        <div className={styles.infoTitle}>
+          <div>{giveRequiredName(config)} <span className={styles.placeholderText}>{config.titlePlaceholder}</span></div>
+        </div>
+      }
+      <TextareaItem
+        key={config.key}
+        title={config.titleOneLine ? '' : giveRequiredName(config)}
+        maxLength={200}
+        autoHeight={true}
+        placeholder={config.placeholder}
+        editable={!config.readOnly}
+        value={formValue[config.key]}
+        onChange={e => {
+          changeValue(e, config.key);
+        }}
+        {...config.otherProps}
+      ></TextareaItem>
+    </div>
+
   );
 };
 

baseComponents/FormArray/styles.less

@@ -29,3 +29,19 @@
     }
   }
 }
+.placeholderText{
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+}
+.infoTitle{
+  font-size: 17px;
+  padding-left: 15px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  color: #000;
+  line-height: 1.5;
+  text-align: left;
+}
+.textarea{
+  border-bottom: 1px solid #e1e1e1;
+}