Schisandra-Cloud-Storage/schisandra-cloud-storage-front-react
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 解决css污染bug

Browse Source
This commit is contained in:
landaiqing
2024-04-17 17:16:32 +08:00
parent 2656b6a6f7
commit 5889fe1b2f
12 changed files with 74 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/User/Login/index.tsx
View File

@@ -14,9 +14,9 @@ import { CSSProperties } from 'react'
import { useState } from 'react'
import logo from '@/assets/icons/schisandra.svg'
import qrCode from '@/assets/images/login_qrcode-landaiqing.jpg'
import './index.less'
import styles from './index.module.less'
import { observer } from 'mobx-react'
import FooterComponent from "@/components/Footer";
import FooterComponent from '@/components/Footer'
// import useStore from '@/utils/store/useStore.tsx'
type LoginType = 'account' | 'phone'
@@ -29,10 +29,10 @@ const iconStyles: CSSProperties = {
export default observer(() => {
// @ts-ignore
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
const [form] = Form.useForm()
// @ts-ignore
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
const clickGetBase64CodeMethod = async () => {
await getBase64CodeMethod()
}
@@ -72,18 +72,18 @@ export default observer(() => {
console.log(formData)
}
return (
<div className={'container'}>
<div className={'content'}>
<Space>
<Space className={'login_content'}>
<Space align='center' className={'mp_code'}>
<div className={styles.container}>
<div className={styles.content}>
<Space className={styles.content_content}>
<Space className={styles.login_content}>
<Space align='center' className={styles.mp_code}>
<Space direction='vertical' align='center'>
<span className={'mp_code_title'}>微信扫码登录</span>
<span className={styles.mp_code_title}>微信扫码登录</span>
<Image
preview={false}
height={210}
width={200}
className={'mp_code_img'}
className={styles.mp_code_img}
// src={generateMpRegCodeData.data?.qrCodeUrl}
src={qrCode}
/>
@@ -93,7 +93,7 @@ export default observer(() => {
<div>
<span>
微信扫码
<span className={'mp_tips'}>关注公众号</span>
<span className={styles.mp_tips}>关注公众号</span>
</span>
<br />
登录更快更安全
@@ -101,19 +101,19 @@ export default observer(() => {
}
// type="success"
showIcon={true}
className={'alert'}
className={styles.alert}
icon={<WechatOutlined />}
/>
</Space>
</Space>
<Form
form={form}
className={'login_form'}
className={styles.login_form}
initialValues={{
autoLogin: true,
}}>
<Space direction='vertical' align='center'>
<Space className={'logo'}>
<Space className={styles.logo}>
<img
alt='logo'
src={logo}
@@ -121,7 +121,7 @@ export default observer(() => {
/>
<span>五味子云相册</span>
</Space>
<div className={'subTitle'}>随时随地分享你的美好瞬间</div>
<div className={styles.subTitle}>随时随地分享你的美好瞬间</div>
</Space>
<Tabs
@@ -369,13 +369,13 @@ export default observer(() => {
</Space>
</div>
</Form>
<a href='/register' className={'go_to_register'}>
<a href='/register' className={styles.go_to_register}>
<span>注册</span>
</a>
</Space>
</Space>
</div>
<FooterComponent></FooterComponent>
<FooterComponent></FooterComponent>
</div>
)
})