Skip to content

肖康 / Europa-web

Go to a project
Commit 9d0ffc7f by 肖康
Options

注册页面修改

parent f023f366
Inline Side-by-side
Showing with 33 additions and 11 deletions
pages/reg/index.module.css
...@@ -55,15 +55,24 @@ ...@@ -55,15 +55,24 @@
} }
.loginPage .loginButton { .loginPage .loginButton {
width: 300px; width: 375px;
height: 36px; height: 40px;
background: #FF9A00; background: #FF9A00;
border-radius: 1px; border-radius: 1px;
font-size: 18px; font-size: 20px;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
left: 50px; }
.loginPage .bottomboxk {
position: relative;
padding-left: 125px;
}
.loginPage .goLoginButton {
margin-top: 10px;
text-align: center;
} }
.loginPage .modalContent { .loginPage .modalContent {
......
pages/reg/index.module.min.css
.loginPage{background:#fff;padding:40px 0;height:740px;width:100%;border-top:1px solid #FF9A00;position:relative}.loginPage .codeButton{display:inline-block;width:100px;height:32px;line-height:32px;background:#FF9A00;border-radius:1px;font-size:14px;color:#FFFFFF;cursor:pointer;vertical-align:center}.loginPage .codeButton.dis{background:#ccc;cursor:not-allowed}.loginPage .loginBox{width:500px;height:100%;position:absolute;left:50%;transform:translate(-50%);text-align:center}.loginPage .loginBox .typeBox{padding:10px 110px 22px 200px;display:flex;justify-content:space-between;cursor:pointer}.loginPage .loginBox .typeBox .typeButton{color:#808080}.loginPage .loginBox .typeBox .typeButton:hover{color:#FF9A00}.loginPage .loginBox .typeBox .typeButtonChoosen{color:#FF9A00;font-weight:bold}.loginPage .loginButton{width:300px;height:36px;background:#FF9A00;border-radius:1px;font-size:18px;color:#FFFFFF;cursor:pointer;position:relative;left:50px}.loginPage .modalContent{padding:30px 0;box-sizing:border-box}.loginPage .modalContent :global .ant-form-item{margin-bottom:20px}.loginPage .modalContent :global .ant-select-selection-item{text-align:left !important} .loginPage{background:#fff;padding:40px 0;height:740px;width:100%;border-top:1px solid #FF9A00;position:relative}.loginPage .codeButton{display:inline-block;width:100px;height:32px;line-height:32px;background:#FF9A00;border-radius:1px;font-size:14px;color:#FFFFFF;cursor:pointer;vertical-align:center}.loginPage .codeButton.dis{background:#ccc;cursor:not-allowed}.loginPage .loginBox{width:500px;height:100%;position:absolute;left:50%;transform:translate(-50%);text-align:center}.loginPage .loginBox .typeBox{padding:10px 110px 22px 200px;display:flex;justify-content:space-between;cursor:pointer}.loginPage .loginBox .typeBox .typeButton{color:#808080}.loginPage .loginBox .typeBox .typeButton:hover{color:#FF9A00}.loginPage .loginBox .typeBox .typeButtonChoosen{color:#FF9A00;font-weight:bold}.loginPage .loginButton{width:375px;height:40px;background:#FF9A00;border-radius:1px;font-size:20px;color:#FFFFFF;cursor:pointer;position:relative}.loginPage .bottomboxk{position:relative;padding-left:125px}.loginPage .goLoginButton{margin-top:10px;text-align:center}.loginPage .modalContent{padding:30px 0;box-sizing:border-box}.loginPage .modalContent :global .ant-form-item{margin-bottom:20px}.loginPage .modalContent :global .ant-select-selection-item{text-align:left !important}
pages/reg/index.module.scss
...@@ -58,17 +58,25 @@ ...@@ -58,17 +58,25 @@
} }
.loginButton { .loginButton {
width: 300px; width: 375px;
height: 36px; height: 40px;
background: #FF9A00; background: #FF9A00;
border-radius: 1px; border-radius: 1px;
font-size: 18px; font-size: 20px;
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
left:50px; //left:50px;
} }
.bottomboxk{
position: relative;
padding-left:125px;
}
.goLoginButton{
margin-top:10px;
text-align: center;
}
.modalContent { .modalContent {
padding: 30px 0; padding: 30px 0;
box-sizing: border-box; box-sizing: border-box;
......
pages/reg/index.tsx
...@@ -8,7 +8,7 @@ import TopH from "@/components/Header/components/TopH" ...@@ -8,7 +8,7 @@ import TopH from "@/components/Header/components/TopH"
import SearchH from "@/components/Header/components/SearchH" import SearchH from "@/components/Header/components/SearchH"
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import Link from 'next/link'
import { useCookies } from '@/hooks/useCookies' import { useCookies } from '@/hooks/useCookies'
import { Form, Input, Select, Space } from 'antd' import { Form, Input, Select, Space } from 'antd'
import { useToast } from '@/hooks/useToast'; import { useToast } from '@/hooks/useToast';
...@@ -287,7 +287,12 @@ const Page = () => { ...@@ -287,7 +287,12 @@ const Page = () => {
</Form> </Form>
<button type="submit" className={style.loginButton} onClick={() => manualValidate()}>注册</button> <div className={style.bottomboxk}>
<button type="submit" className={style.loginButton} onClick={() => manualValidate()}>注册</button>
<div className={style.goLoginButton}>
<Link href="/reg" className={style.cursorPointer} >已有账号，去登录</Link>
</div>
</div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment