feat: 修改样式

src/views/brush-questions/index.less

@@ -80,6 +80,8 @@
     line-height: 35px;
     border-radius: 6px;
     margin-bottom: 5px;
+    height: 500px;
+    overflow-y: scroll;
 }
 .answer-box {
     border-radius: 0px;

src/views/header/index.tsx

@@ -58,7 +58,7 @@ const Header = () => {
 				</div>
 				<div className="head-navigator-user-box">
 					<div className="time-box"></div>
-					{'/question-bank' == pathname && (
+					{/* {'/question-bank' == pathname && (
 						<div className="head-navigator-input-box">
 							<Search
 								placeholder="请输入感兴趣的内容～"
@@ -66,7 +66,7 @@ const Header = () => {
 								style={{ width: 300, borderRadius: '10px' }}
 							/>
 						</div>
-					)}
+					)} */}
 					{/* <div className="head-navigator-bell"> */}
 					{/* <Icon type="bell" /> */}
 					{/* </div> */}

src/views/login/index.less

@@ -23,11 +23,13 @@
             max-width: 400px;
             line-height: 30px;
         }
-        .qrcode{
+        .qrcode-box{
             width: 400px;
             height: 500px;
             background: white;
             border-radius: 10px;
+            text-align: center;
+            padding: 20px;
         }
     }
 }

src/views/login/index.tsx

@@ -1,12 +1,43 @@
+import { useState } from 'react'
+import { Input, Button, Space } from 'antd'
+import LoginQrcode from '@imgs/login_qrcode.jpg'
+import req from '@utils/request';
+
 import './index.less'
 
+const loginApiName = '/user/doLogin'
 
 const Login = () => {
+
+    const [validCode, setValidCode] = useState('')
+    const changeCode = e => {
+        setValidCode(e.target.value)
+    }
+
+    const doLogin = () => {
+        if (!validCode) return
+        req({
+            method: 'get',
+            url: loginApiName,
+            data: { validCode }
+        })
+    }
+
     return (<div className="login-box">
         <div className='login-container-inner'>
             <div className='notes'>LeNet-5 诞生
                 1998 年 11 月，早期经典卷积神经网络 LeNet-5 诞生。杨立昆、莱昂·伯托等发表经典论文“Gradient-Based Learning Applied to Document Recognition”，文章总结了应用于手写字符识别的各种模型并进行了比对，结果显示卷积神经网络表现超群。</div>
-            <div className='qrcode'>12312123</div>
+            <div className='qrcode-box'>
+                <div className='qrcode-img'>
+                    <img src={LoginQrcode} alt="" />
+                </div>
+                <div className='qrcode-form'>
+                    <Space>
+                        <Input maxLength={3} placeholder='验证码' onChange={changeCode} value={validCode} />
+                        <Button type='primary' ghost onClick={doLogin}>登录</Button>
+                    </Space>
+                </div>
+            </div>
         </div>
     </div>)
 }

src/views/question-bank/index.less

@@ -4,14 +4,13 @@
     margin: 0 auto;
     background-color: #f3f4f6;
     border-radius: 5px;
+    height: calc(100vh - 90px);
+    overflow-y: scroll;
     .ant-spin-nested-loading {
         flex: 1;
         overflow-y: auto;
         border-radius: 8px;
         .question-box {
-            // flex: 1;
-            // overflow-y: auto;
-            // border-radius: 8px;
             .category-list-box {
                 padding: 24px 24px 6px;
                 border-top-left-radius: 8px;

src/views/question-bank/index.tsx

@@ -82,7 +82,7 @@ const QuestionBank = () => {
             pageSize: 10,
             labelId: labelList,
             categoryId: secondCategoryId,
-            subjectDifficult: 1
+            // subjectDifficult: 1
         }
         req({
             method: 'post',

src/views/upload-questions/index.less

@@ -4,6 +4,7 @@
     width: 1439px;
     overflow-y: auto;
     border-radius: 5px;
+    height: calc(100vh - 90px);
     .ant-card-head {
         position: sticky;
         top: 0;