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,9 +56,16 @@ const DiyTextarea = props => {
     delete config.otherProps?.placeholder;
   }
   return (
+    <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={giveRequiredName(config)}
+        title={config.titleOneLine ? '' : giveRequiredName(config)}
         maxLength={200}
         autoHeight={true}
         placeholder={config.placeholder}
@@ -68,6 +76,8 @@ const DiyTextarea = props => {
         }}
         {...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;
+}