fix: 修复less引用

src/layouts/BasicLayout.js

@@ -16,7 +16,7 @@ import { WEB_GIS_TYPE } from '../constants';
 // eslint-disable-next-line import/no-duplicates
 import SecurityLayout from './SecurityLayout';
 import Site from './Site';
-import styles from './UserLayout.less';
+// import styles from './UserLayout.less';
 import layoutStyles from './BasicLayout.less';
 const ArcgisMap = React.lazy(() => import('../pages/map/arcgis'));
 const AMap = React.lazy(() => import('../pages/map/amap'));
@@ -59,7 +59,7 @@ const StationsItem = (item, action) => {
       style={{ marginRight: `${item.style.marginRight}px` }}
     >
       <a
-        className={classNames(styles.city_select, styles.showTip)}
+        className={classNames(layoutStyles.city_select, layoutStyles.showTip)}
         title={item.city}
         index={item.promoteIndex}
         style={{ fontSize: '13px' }}
@@ -93,7 +93,7 @@ const Stations = props => {
   };
   return (
     <>
-      <div className={styles.focusStations}>
+      <div className={layoutStyles.focusStations}>
         <ul>
           {Array.isArray(data)
             ? data.map(item => StationsItem(item, props.action))
@@ -112,7 +112,7 @@ const Stations = props => {
       <div style={{ maxWidth: '520px', position: 'relative' }}>
         {defaultTab === 'site' ? (
           <div
-            className={classNames(styles.city_pane, styles.station_container)}
+            className={classNames(layoutStyles.city_pane, layoutStyles.station_container)}
             ref={cityPane}
           >
             <Anchor
@@ -121,13 +121,13 @@ const Stations = props => {
               targetOffset={targetOffset}
               getContainer={() => cityContent.current}
             >
-              <ul className={styles.py}>
+              <ul className={layoutStyles.py}>
                 {props.data &&
                   props.data.siteCityList &&
                   props.data.siteCityList.letters}
               </ul>
               <div
-                className={styles.cityContent}
+                className={layoutStyles.cityContent}
                 style={{ height: '335px' }}
                 ref={cityContent}
               >
@@ -162,7 +162,7 @@ const renderSite = ({ data, config, loading, setLoading, action }) => {
         size="small"
         style={{ marginLeft: '10px' }}
         tip=""
-        wrapperClassName={styles.spinLoadding}>
+        wrapperClassName={layoutStyles.spinLoadding}>
         <>
           <Popover
             placement="bottomLeft"
@@ -176,7 +176,7 @@ const renderSite = ({ data, config, loading, setLoading, action }) => {
               />
             }
             arrowPointAtCenter
-            overlayClassName={classNames(styles.stationsWrapper, styles.stationsTop)}
+            overlayClassName={classNames(layoutStyles.stationsWrapper, layoutStyles.stationsTop)}
             onVisibleChange={visible => setVisible(visible)}
           >
             {