--我的页面完成部分

This commit is contained in:
li tong bao
2022-06-09 19:31:40 +08:00
parent de38a42b2e
commit eceb170ece
17 changed files with 556 additions and 69 deletions
+5
View File
@@ -9,6 +9,11 @@
color: #000000;
margin-top: 20px;
}
.form-list-label-required::before{
content: "*";
color: #FF0000;
font-size: 28px;
}
.form-list-right{
width: 506px;
font-size: 26px;
+9 -5
View File
@@ -10,20 +10,24 @@ interface ListParams{
placeholder?:string, // 提示文本
children?: any, // 插槽
type?: string // 类型:1.input,2.textarea,3.select
value?: any
value?: any,
style?: object, //整行样式
labelStyle?: object, // label样式
contentStyle?: object,
required?: boolean
}
// 表单列表
const FromList = memo((props:ListParams)=>{
const {type="input",value=""} = props;
const {type="input",value="",style={},labelStyle={},contentStyle={},required=false} = props;
return (
<View className="form-list">
<View className="form-list-label">{props.label}</View>
<View style={style} className="form-list">
<View style={labelStyle} className={`form-list-label ${required&&"form-list-label-required"}`}>{props.label}</View>
<View onClick={props?.onClick} className="form-list-right">
{
props.children??
<View onClick={props?.onClick} className="form-list-right-meet">
<View style={contentStyle} onClick={props?.onClick} className="form-list-right-meet">
{
type=="input"?
<View className="form-list-input">