37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import {useEffect} from "react";
|
||
import Taro from '@tarojs/taro'
|
||
import {Input, Button} from '@nutui/nutui-react-taro'
|
||
import {copyText} from "@/utils/common";
|
||
|
||
const Register = () => {
|
||
const reload = () => {
|
||
Taro.hideTabBar()
|
||
}
|
||
|
||
useEffect(() => {
|
||
reload()
|
||
}, [])
|
||
|
||
return (
|
||
<>
|
||
<div className={'flex flex-col justify-center px-5 pt-3'}>
|
||
<div className={'text-sm py-2'}>请验证您的登录账号，以进行重设密码</div>
|
||
<div className={'flex flex-col justify-between items-center my-2'}>
|
||
<Input type="text" placeholder="手机号" maxLength={11} style={{backgroundColor: '#ffffff', borderRadius: '8px'}}/>
|
||
</div>
|
||
<div className={'flex flex-col justify-between items-center my-2'}>
|
||
<Input type="password" placeholder="新的密码" style={{backgroundColor: '#ffffff', borderRadius: '8px'}}/>
|
||
</div>
|
||
<div className={'flex justify-between items-center bg-white rounded-lg my-2 pr-2'}>
|
||
<Input type="text" placeholder="短信验证码" style={{ backgroundColor: '#ffffff', borderRadius: '8px'}}/>
|
||
<Button onClick={() => copyText('https://site-10398.shoplnk.cn?v=1.33')}>发送</Button>
|
||
</div>
|
||
<div className={'flex justify-center my-5'}>
|
||
<Button type="info" size={'large'} className={'w-full rounded-lg p-2'}>确认修改</Button>
|
||
</div>
|
||
</div>
|
||
</>
|
||
)
|
||
}
|
||
export default Register
|