feat: add footer info
This commit is contained in:
11
src/components/Footer/index.tsx
Normal file
11
src/components/Footer/index.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import React from 'react';
|
||||
const FooterComponent: React.FC = () => {
|
||||
|
||||
return (
|
||||
<div style={{textAlign: 'center',color: 'black'}}>
|
||||
schisandra ©{new Date().getFullYear()} Created by schisandra
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default FooterComponent;
|
2
src/types/user/user.d.ts
vendored
2
src/types/user/user.d.ts
vendored
@@ -75,7 +75,7 @@ declare namespace API {
|
||||
}
|
||||
type
|
||||
FakeCaptcha = ResponseStructure & {
|
||||
data?: boolean;
|
||||
data?: boolean,
|
||||
};
|
||||
|
||||
type PhonePasswordLoginParams = {
|
||||
|
@@ -4,10 +4,7 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.container {
|
||||
position: absolute;
|
||||
@@ -19,7 +16,7 @@ body {
|
||||
}
|
||||
|
||||
.container-star {
|
||||
background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
|
||||
//background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
|
||||
}
|
||||
.container-star:after {
|
||||
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%);
|
||||
|
@@ -16,6 +16,7 @@ import logo from '@/assets/icons/schisandra.svg'
|
||||
import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
|
||||
import './index.less'
|
||||
import { observer } from 'mobx-react'
|
||||
import FooterComponent from "@/components/Footer";
|
||||
// import useStore from '@/utils/store/useStore.tsx'
|
||||
type LoginType = 'account' | 'phone'
|
||||
|
||||
@@ -27,8 +28,10 @@ const iconStyles: CSSProperties = {
|
||||
}
|
||||
|
||||
export default observer(() => {
|
||||
// @ts-ignore
|
||||
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
||||
const [form] = Form.useForm()
|
||||
// @ts-ignore
|
||||
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
|
||||
const clickGetBase64CodeMethod = async () => {
|
||||
await getBase64CodeMethod()
|
||||
@@ -372,6 +375,7 @@ export default observer(() => {
|
||||
</Space>
|
||||
</Space>
|
||||
</div>
|
||||
<FooterComponent></FooterComponent>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
|
@@ -7,12 +7,15 @@ import logo from '@/assets/icons/schisandra.svg'
|
||||
import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
|
||||
import './index.less'
|
||||
import { observer } from 'mobx-react'
|
||||
import FooterComponent from "@/components/Footer";
|
||||
// import useStore from '@/utils/store/useStore.tsx'
|
||||
type LoginType = 'phone'
|
||||
|
||||
export default observer(() => {
|
||||
// @ts-ignore
|
||||
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
|
||||
const [form] = Form.useForm()
|
||||
// @ts-ignore
|
||||
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
|
||||
const clickGetBase64CodeMethod = async () => {
|
||||
await getBase64CodeMethod()
|
||||
@@ -251,6 +254,7 @@ export default observer(() => {
|
||||
</Space>
|
||||
</Space>
|
||||
</div>
|
||||
<FooterComponent/>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
|
Reference in New Issue
Block a user