--我的页面完成设置图标

--表单组件input类型完成后面图标
This commit is contained in:
li tong bao
2022-04-28 18:13:36 +08:00
parent c6c3b8e21c
commit 08acb37769
12 changed files with 123 additions and 56 deletions
+16 -1
View File
@@ -24,8 +24,23 @@
display: flex;justify-content: space-between;
align-items: center;
}
.form-list-input{
width: 100%;
display: flex;align-items: center;
}
.form-list-input text{
width: 30px;
min-width: 30px;
height: 30px;
background: rgba(0,0,0,0.3);
border-radius: 50%;
font-size: 18px;
display: flex;align-items: center;
justify-content: center;
flex: 1;
}
.form-list-right input,.form-list-right textarea{
flex: 0 0 auto;
// flex: 0 0 auto;
min-height: 100%;
width: 100%;
color: #000000;
+5 -1
View File
@@ -25,7 +25,11 @@ const FromList = memo((props:ListParams)=>{
props.children??
<View onClick={props?.onClick} className="form-list-right-meet">
{
type=="input"?<Input value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />:
type=="input"?
<View className="form-list-input">
<Input value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />
{value&&<Text className="iconfont icon-qingkong"/>}
</View>:
type=="textarea"?<Textarea value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />:
<>
{