feat:顶部导航logo样式修改

src/pages/lxMall/components/ChannelHeader/index.less

@@ -15,10 +15,15 @@
 
     .logo {
       display: inline-block;
-      padding: 0 130px 0 17px;
+      width: 145px;
+      height: 50px;
+      position: relative;
+      margin: auto 97px auto 20px;
 
       &>img {
-        width: 145px;
+        display: block;
+        margin: 0 auto;
+        max-width: 145px;
         height: 50px;
       }
     }

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

@@ -3,7 +3,7 @@ import { history } from 'umi'
 import { Input } from 'antd'
 import { GetTemplateChannelFindChannelResponse } from '@/services/TemplateApi'
 import isEmpty from 'lodash/isEmpty'
-import './index.less'
+import styles from './index.less'
 import { LAYOUT_TYPE } from '@/constants'
 
 interface HeaderPropsType {
@@ -49,15 +49,15 @@ const Header: React.FC<HeaderPropsType> = (props) => {
   }
 
   return (
-    <div className="header">
-      <div className="header_container">
-        <div className="logo">
+    <div className={styles.header}>
+      <div className={styles.header_container}>
+        <div className={styles.logo}>
           <img src={shopInfo?.logo} />
         </div>
-        <div className="mall_search">
-          <div className="mall_search_box">
-            <Input className="mall_search_input" value={searchValue} placeholder="请输入关键词" onChange={e => setSearchValue(e.target.value)} onPressEnter={() => handleSearchCommodity()} />
-            <div className="search_btn" onClick={() => handleSearchCommodity()}>搜索</div>
+        <div className={styles.mall_search}>
+          <div className={styles.mall_search_box}>
+            <Input className={styles.mall_search_input} value={searchValue} placeholder="请输入关键词" onChange={e => setSearchValue(e.target.value)} onPressEnter={() => handleSearchCommodity()} />
+            <div className={styles.search_btn} onClick={() => handleSearchCommodity()}>搜索</div>
           </div>
         </div>
       </div>

src/pages/lxMall/components/CommonHeader/index.less

@@ -11,13 +11,17 @@
     height: 110px;
     display: flex;
     align-items: center;
+    position: relative;
 
     .logo {
       padding-left: 14px;
+      overflow: hidden;
 
       img {
-        width: 145px;
+        display: block;
+        margin: 0 auto;
         height: 50px;
+        max-width: 145px;
       }
     }
 

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

@@ -33,9 +33,7 @@ const CommonHeader: React.FC<ShopHeaderPropsType> = (props) => {
     <div className={styles.common_header}>
       <div className={styles.common_header_container}>
         <div className={styles.logo}>
-          {/* <Link to={getHomeLink()}> */}
           <img src={logoUrl} />
-          {/* </Link> */}
         </div>
         <div className={styles.common_header_split}></div>
         <div className={styles.common_header_title}>{title}</div>

src/pages/lxMall/components/ShopHeader/index.less

@@ -12,12 +12,16 @@
     height: 110px;
     display: flex;
     align-items: center;
+    position: relative;
 
     .logo {
       padding-left: 14px;
 
       &>img {
-        width: 145px;
+        // width: 145px;
+        display: block;
+        margin: 0 auto;
+        max-width: 145px;
         height: 50px;
       }
     }