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

--表单组件input类型完成后面图标

src/components/FromList/index.scss

@@ -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;

src/components/FromList/index.tsx

@@ -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} />:
               <>
                 {