forked from gxwebsoft/mp-10550
48 lines
2.3 KiB
TypeScript
48 lines
2.3 KiB
TypeScript
import {useEffect, useState} from "react";
|
||
import Taro from '@tarojs/taro'
|
||
import {Input, Radio, Button} from '@nutui/nutui-react-taro'
|
||
|
||
const Register = () => {
|
||
const [isAgree, setIsAgree] = useState(false)
|
||
const reload = () => {
|
||
Taro.hideTabBar()
|
||
}
|
||
|
||
useEffect(() => {
|
||
reload()
|
||
}, [])
|
||
|
||
return (
|
||
<>
|
||
<div className={'flex flex-col justify-center px-5 pt-3'}>
|
||
<div className={'text-xl font-bold py-2'}>免费试用14天，快速上手独立站</div>
|
||
<div className={'text-sm py-1 font-normal text-gray-500'}>建站、选品、营销、支付、物流，全部搞定</div>
|
||
<div className={'text-sm pb-4 font-normal text-gray-500'}>
|
||
WebSoft为您提供独立站的解决方案，提供专业、高效、安全的运营服务。
|
||
</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 flex-col justify-between items-center my-2'}>
|
||
<Input type="password" placeholder="再次输入密码" style={{backgroundColor: '#ffffff', borderRadius: '8px'}}/>
|
||
</div>
|
||
<div className={'flex justify-center my-5'}>
|
||
<Button type="info" size={'large'} className={'w-full rounded-lg p-2'} disabled={!isAgree}>免费试用</Button>
|
||
</div>
|
||
<div className={'my-2 flex text-sm items-center px-1'}>
|
||
<Radio style={{color: '#333333'}} checked={isAgree} onClick={() => setIsAgree(!isAgree)}></Radio>
|
||
<span className={'text-gray-400'} onClick={() => setIsAgree(!isAgree)}>勾选表示您已阅读并同意</span>
|
||
<a onClick={() => Taro.navigateTo({url: '/passport/agreement'})} className={'text-blue-600'}>《服务协议及隐私政策》</a>
|
||
</div>
|
||
</div>
|
||
<div className={'w-full fixed bottom-20 my-2 flex justify-center text-sm items-center text-center'}>
|
||
已有账号？<a className={'text-blue-600'} onClick={() => Taro.navigateBack()}>返回登录</a>
|
||
</div>
|
||
</>
|
||
)
|
||
}
|
||
export default Register
|