首次提交

src/passport/login.tsx

@@ -0,0 +1,56 @@
+import {useEffect, useState} from "react";
+import Taro from '@tarojs/taro'
+import {Input, Radio, Button} from '@nutui/nutui-react-taro'
+
+const Login = () => {
+  const [isAgree, setIsAgree] = useState(false)
+  const reload = () => {
+    Taro.hideTabBar()
+  }
+
+  useEffect(() => {
+    reload()
+  }, [])
+
+  return (
+    <>
+      <div className={'flex flex-col justify-center px-5'}>
+        <div className={'text-3xl text-center py-5 font-normal my-10'}>账号登录</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 my-2 text-left px-1'}>
+            <a href={'#'} className={'text-blue-600 text-sm'}
+               onClick={() => Taro.navigateTo({url: '/passport/forget'})}>忘记密码</a>
+            <a href={'#'} className={'text-blue-600 text-sm'}
+               onClick={() => Taro.navigateTo({url: '/passport/register'})}>立即注册</a>
+          </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 fixed justify-center bottom-20 left-0 text-sm items-center text-center w-full'}>
+            <Button onClick={() => Taro.navigateTo({url: '/passport/setting'})}>服务配置</Button>
+          </div>
+          {/*<div className={'w-full fixed bottom-20 my-2 flex justify-center text-sm items-center text-center'}>*/}
+          {/*  没有账号？<a href={''} onClick={() => Taro.navigateTo({url: '/passport/register'})}*/}
+          {/*              className={'text-blue-600'}>立即注册</a>*/}
+          {/*</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>
+    </>
+  )
+}
+export default Login