feat:样式修改

src/layouts/components/MenuSlider.tsx

@@ -71,7 +71,7 @@ const MenuSlider: React.FC<MenuSliderProps> = (props) => {
 
   return <>
     <OuterSider {...props} />
-    <Sider theme="light" collapsed={props.collapseState}>
+    <Sider theme="light" className="menu_sider" collapsed={props.collapseState}>
       <div className={styles.logo}>LOGOLOGOGOG</div>
       <div className={styles.menuTitle}>
         {menuRouter?.name}

src/layouts/styles/MenuSlider.less

@@ -4,6 +4,21 @@
   margin: 16px;
 }
 
+:global {
+  .menu_sider.ant-layout-sider-collapsed {
+    flex: 0 !important;
+    max-width: 0 !important;
+    min-width: 0 !important;
+    width: 0 !important;
+  }
+}
+
+.menu_sider {
+  position: relative;
+
+
+}
+
 .menuTitle {
   height: 64px;
   font-size: 14px;
@@ -25,7 +40,7 @@
 }
 
 .wrapperSilder {
-  background-color: #38414A!important;
+  background-color: #38414A !important;
 
   .menuBox {
     padding: 0;

src/pages/lxMall/components/Filter/components/CommodityType/index.tsx

@@ -44,11 +44,13 @@ const CommodityType: React.FC<CommodityTypePropsType> = (props) => {
       result = checkValue.filter(item => item !== selectKeys[0])
     }
     setSelectKeys(result)
-    onFilter({
-      type: FILTER_TYPE.commodityType,
-      key: result[0],
-      title: getItemText(result[0])
-    })
+    if (result[0]) {
+      onFilter({
+        type: FILTER_TYPE.commodityType,
+        key: result[0],
+        title: getItemText(result[0])
+      })
+    }
   }
 
   const getItemText = (key: number) => {

src/pages/lxMall/components/Filter/components/CommonlyUsed/index.tsx

@@ -6,16 +6,10 @@ import { useLocalStore, observer } from 'mobx-react'
 import { store } from '@/store'
 import isEmpty from 'lodash/isEmpty'
 import styles from './index.less'
-import { message } from 'god'
 
-interface CommonlyUsedPropsType {
-
-}
-
-const CommonlyUsed: React.FC<CommonlyUsedPropsType> = (props) => {
+const CommonlyUsed: React.FC = () => {
   const FilterStore = useLocalStore(() => store.FilterStore)
   const { commonlyUseFilter, deleteCommonlyUsedFilterItem, useCommonlyFilter } = FilterStore
-  console.log(JSON.stringify(commonlyUseFilter), "commonlyUseFilter")
 
   const handleDeleteItem = (id: number) => {
     deleteCommonlyUsedFilterItem(id)