feat: drawer弹窗修复

package.json

@@ -53,7 +53,6 @@
     "@umijs/route-utils": "^1.0.33",
     "antd": "^4.8.0",
     "classnames": "^2.2.6",
-    "dva": "^2.4.1",
     "lodash": "^4.17.11",
     "moment": "^2.25.3",
     "omit.js": "^2.0.2",

src/components/PopContent/Contacts/ContanctForm.jsx

@@ -10,7 +10,7 @@ import {
 } from 'antd'
 import React, { useEffect } from 'react'
 // eslint-disable-next-line import/no-unresolved
-import '../Contacts/index.scss'
+// import '../Contacts/index.scss'
 
 const ContanctForm = props =>  {
   // 浏览器实际宽度
@@ -232,4 +232,4 @@ const ContanctForm = props =>  {
   )
 }
 
-export default ContanctForm
+export default ContanctForm

src/components/PopContent/Contacts/index.jsx

@@ -1,15 +1,11 @@
-import {
-  Drawer,
-  Row,
-  Col
-} from 'antd'
+import { Drawer, Row, Col } from 'antd'
 import React, { useState, useEffect } from 'react'
-import "../index.scss"
-import ContanctForm from '@/components/PopContent/Contacts/ContanctForm'
+import '../index.scss'
+import ContanctForm from './ContanctForm'
 
-const Popcontent = props =>  {
+const Popcontent = props => {
   // 浏览器实际宽度
-  const [ clientWidth, setClientWidth ] = useState(document.body.clientWidth * 0.75)
+  const [clientWidth, setClientWidth] = useState(document.body.clientWidth * 0.75)
   useEffect(() => {
     window.addEventListener('resize', () => {
       setClientWidth(document.body.clientWidth * 0.7)
@@ -18,10 +14,7 @@ const Popcontent = props =>  {
       window.removeEventListener('resize', () => {})
     }
   }, [])
-  const {
-    visible,
-    onClose
-  } = props
+  const { visible, onClose } = props
   return (
     <div>
       <div className="sheet-box">
@@ -33,14 +26,15 @@ const Popcontent = props =>  {
           onClose={onClose}
           visible={visible}
           // mask={false}
-        />
-      <Row>
-        <Col span={12} className="sheet-box-left">
-          <div className="sheet-left-panel zh-pd-right-15">
-            <ContanctForm/>
-          </div>
-        </Col>
-      </Row>
+        >
+          <Row>
+            <Col span={12} className="sheet-box-left">
+              <div className="sheet-left-panel zh-pd-right-15">
+                <ContanctForm />
+              </div>
+            </Col>
+          </Row>
+        </Drawer>
       </div>
     </div>
   )

src/components/PopContent/index.jsx

@@ -35,7 +35,8 @@ const Popcontent = props => {
       }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
     }
     servicelisData()
-    window.addEventListener('resize', () => {
+    window.addEventListener('resize', (a, b) => {
+      console.log(a, b)
       setClientWidth(document.body.clientWidth * 0.7)
     })
     return () => {

src/components/SvgIcon/index.jsx

@@ -1,7 +1,6 @@
 import { createFromIconfontCN } from '@ant-design/icons'
 import setting from '../../../config/defaultSettings'
 
-console.log(setting)
 const IconFont = createFromIconfontCN({
   scriptUrl: setting.iconfontUrl
 })