fix:商城顶部搜索找不到classList报错问题

src/layouts/styles/RightContent.less

@@ -6,6 +6,7 @@
   :global(.anticon) {
     margin-right: 8px;
   }
+
   :global(.ant-dropdown-menu-item) {
     min-width: 160px;
   }
@@ -17,6 +18,8 @@
   height: @layout-header-height;
   margin-left: auto;
   overflow: hidden;
+  font-size: 12px;
+
   .action {
     display: flex;
     align-items: center;
@@ -24,26 +27,32 @@
     padding: 0 12px;
     cursor: pointer;
     transition: all 0.3s;
-    > span {
+
+    >span {
       color: @text-color;
       vertical-align: middle;
     }
+
     &:hover {
       background: @pro-header-hover-bg;
     }
+
     &:global(.opened) {
       background: @pro-header-hover-bg;
     }
   }
+
   .search {
     padding: 0 12px;
+
     &:hover {
       background: transparent;
     }
   }
+
   .account {
     .avatar {
-      margin: ~'calc((@{layout-header-height} - 24px) / 2)' 0;
+      margin:~'calc((@{layout-header-height} - 24px) / 2)'0;
       margin-right: 8px;
       color: @primary-color;
       vertical-align: top;
@@ -55,9 +64,11 @@
 .dark {
   .action {
     color: rgba(255, 255, 255, 0.85);
-    > span {
+
+    >span {
       color: rgba(255, 255, 255, 0.85);
     }
+
     &:hover,
     &:global(.opened) {
       background: @primary-color;
@@ -69,12 +80,15 @@
   .dark {
     .action {
       color: @text-color;
-      > span {
+
+      >span {
         color: @text-color;
       }
+
       &:hover {
         color: rgba(255, 255, 255, 0.85);
-        > span {
+
+        >span {
           color: rgba(255, 255, 255, 0.85);
         }
       }
@@ -86,18 +100,22 @@
   :global(.ant-divider-vertical) {
     vertical-align: unset;
   }
+
   .name {
     display: none;
   }
+
   .right {
     position: absolute;
     top: 0;
     right: 12px;
+
     .account {
       .avatar {
         margin-right: 0;
       }
     }
+
     .search {
       display: none;
     }

src/pages/lxMall/components/Header/index.tsx

@@ -22,6 +22,7 @@ const Header: React.FC<HeaderPropsType> = (props) => {
   let handleScroll = () => {
     const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
     const floatSearch = document.getElementById("floatSearch")
+    if (floatSearch) {
       if (scrollTop > 500) {
         if (!hasClass(floatSearch.classList, 'show')) {
           floatSearch.classList.add(styles.show)
@@ -32,6 +33,7 @@ const Header: React.FC<HeaderPropsType> = (props) => {
         }
       }
     }
+  }
 
   const hasClass = (list, className) => {
     let result = false

src/pages/lxMall/components/TopBar/index.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { EnvironmentOutlined, CaretDownOutlined } from '@ant-design/icons'
 import { inject, observer } from 'mobx-react'
 import cx from 'classnames'
+import { Link } from 'umi'
 import ImageBox from '@/components/ImageBox'
 import defaultAvatar from './imgs/default_avatar.png'
 import AccountSafeIcon from './imgs/account_safe_icon.png'
@@ -107,7 +108,7 @@ const TopBar: React.FC<TopBarPropsType> = (props) => {
               )
           }
           <li className={styles.topbar_menu_item}>
-            <a href="/memberCenter/home">会员中心</a>
+            <Link to="/memberCenter/home">会员中心</Link>
           </li>
           <li className={styles.topbar_menu_item}>我的消息</li>
           <li className={styles.topbar_menu_item}>

src/pages/lxMall/layouts/LXMallLayout.tsx

@@ -55,9 +55,11 @@ const LXMallLayout: React.FC<LXMallLayoutPropsType> = (props) => {
   }
 
   useEffect(() => {
-    if (!isEmpty(mallTemplateInfo)) {
     let body = document.getElementsByTagName('body')[0];
+    if (!isEmpty(mallTemplateInfo)) {
       body.className = mallTemplateInfo.fileName ? `theme-mall-${mallTemplateInfo.fileName}` : templateName;
+    } else {
+      body.className = templateName
     }
   }, [mallTemplateInfo])
 

src/pages/lxMall/purchaseOnline/index.tsx

@@ -170,6 +170,11 @@ const PurchaseOnline: React.FC<PurchaseOnlinePropsType> = (props) => {
     }
   }
 
+  const handlePageChange = (page) => {
+    setCurrent(page)
+    fetchCommodityList(page)
+  }
+
   return (
     <div className={styles.purchaseOnline}>
       <div className={styles.mall_container}>
@@ -225,7 +230,7 @@ const PurchaseOnline: React.FC<PurchaseOnlinePropsType> = (props) => {
                 <>
                   <CommodityList showType={showType} commodityList={commodityList} layoutType={layoutType} />
                   <div className={styles.pagination_wrap}>
-                    <Pagination showQuickJumper showSizeChanger={false} current={current} total={totalCount} pageSize={pageSize} />
+                    <Pagination showQuickJumper showSizeChanger={false} onChange={handlePageChange} current={current} total={totalCount} pageSize={pageSize} />
                   </div>
                 </>
               )

src/pages/user/components/LoginWrap.tsx

@@ -13,8 +13,10 @@ const LoginWrap: React.FC = () => {
   const { redirect } = history.location.query
   const [validFrame, setValidFrame] = useState(false)
   const [validButton, setValidButton] = useState(false)
+  const [loginLoading, setLoginLoading] = useState<boolean>(false)
 
   const finish = (value: any) => {
+    setLoginLoading(true)
     PublicApi.postMemberLogin(value).then(res => {
       const { data, code } = res
       if (code === 1000) {
@@ -28,7 +30,11 @@ const LoginWrap: React.FC = () => {
         } else {
           window.location.replace('/memberCenter/home')
         }
+      } else {
+        setLoginLoading(false)
       }
+    }).catch(() => {
+      setLoginLoading(false)
     })
   }
 
@@ -89,7 +95,7 @@ const LoginWrap: React.FC = () => {
             </Form.Item>)
             }
             <Form.Item>
-              <Button type='primary' size='large' htmlType='submit' block>登录</Button>
+              <Button type='primary' loading={loginLoading} size='large' htmlType='submit' block>登录</Button>
             </Form.Item>
           </Form>
       }