feat: 基础信息样式修改

src/views/Project/ProjectSetting/BaseInfo/index.module.css

@@ -37,11 +37,8 @@
 	border: 2px solid #136efa;
 }
 .projectInfoTextarea {
-  line-height: 22px;
-  height: 82px;
-  padding: 7px 12px;
-  resize: none;
-  font-size: 14px;
+	position: relative;
+	width: 560px;
 }
 .projectInfoSelect {
 	width: 560px;

src/views/Project/ProjectSetting/BaseInfo/index.tsx

@@ -184,10 +184,12 @@ const BaseInfo = observer(() => {
 	};
 
 	const descChange = (e: any) => {
+		if (e.target.value.length <= 100) {
 			setProjectInfo({
 				...projectInfo,
 				desc: e.target.value,
 			});
+		}
 	};
 
 	const checkBudget = (budget: string, showMessage = false) => {
@@ -335,18 +337,32 @@ const BaseInfo = observer(() => {
 						style={{ width: "560px" }}
 					/>
 				</div>
-				<div className={style.projectInfoListLi} style={{marginBottom: '20px'}}>
+				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>项目描述</div>
-					<textarea
-						value={projectInfo.desc}
+					<div
 						className={classnames({
-							[style.projectInfoListLiValue]: true,
 							[style.projectInfoTextarea]: true,
 						})}
+					>
+						<MyInput
+							value={projectInfo.desc}
+							id="desc"
+							placeholder="项目描述限制100字以内"
 							onChange={descChange}
-						placeholder="项目描述限制300字以内"
-						maxLength={300}
-					></textarea>
+							multiline
+							rows={4}
+						/>
+						<span
+							style={{
+								position: "absolute",
+								bottom: "7px",
+								right: "12px",
+								color: projectInfo.desc.length >= 100 ? "#d32f2f" : "#C2C6CC",
+							}}
+						>
+							{projectInfo.desc.length}/100
+						</span>
+					</div>
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>计算区</div>