import {useEffect} from "react";
import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import {Input, Button} from '@nutui/nutui-react-taro'
import {copyText} from "@/utils/common";

const Register = () => {
  const reload = () => {
    // forget 页面不是 tabBar 页面，无需调用 hideTabBar
  }

  useEffect(() => {
    reload()
  }, [])

  return (
    <>
      <View className='flex flex-col justify-center px-5 pt-3'>
        <View className='text-sm py-2'>请验证您的登录账号，以进行重设密码</View>
        <View className='flex flex-col justify-between items-center my-2'>
          <Input type='text' placeholder='手机号' maxLength={11} style={{backgroundColor: '#ffffff', borderRadius: '8px'}} />
        </View>
        <View className='flex flex-col justify-between items-center my-2'>
          <Input type='password' placeholder='新的密码' style={{backgroundColor: '#ffffff', borderRadius: '8px'}} />
        </View>
        <View 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>
        </View>
        <View className='flex justify-center my-5'>
          <Button type='info' size='large' className='w-full rounded-lg p-2'>确认修改</Button>
        </View>
      </View>
    </>
  )
}
export default Register
