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

--表单组件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
+4 -2
View File
@@ -80,8 +80,10 @@ const UserEditList = memo((props:any)=>{
// popup内容
const PopupContent = memo((props:any)=>{
const [value, setValue] = useState("");
// popup输入长度
const handleTextareaInput = (ev:any)=>{
setValue(ev.detail.value.slice(0,20));
}
// 重置
const handleTextareaReset = ()=>{
@@ -91,8 +93,8 @@ const PopupContent = memo((props:any)=>{
<Popup onClose={()=>props.setPopupShow(false)} title="修改昵称" show={props.show}>
<View className="user-edit-popup-content">
<View className="user-edit-popup-input">
<Textarea value={props.value} onInput={handleTextareaInput} maxlength={20}/>
<Text>{props.value.length}/20</Text>
<Textarea value={value} onInput={handleTextareaInput} maxlength={20}/>
<Text>{value.length}/20</Text>
</View>
<Text className="user-edit-popup-tips">请设置2-20个字符,由中文、英文、数字、-和_组成</Text>
<View className="user-edit-popup-operation">