1：面包屑导航公共组件

ldh

2022-02-17 904c44b4a2283f74e56814db0cc2e511f7a6674f

1：面包屑导航公共组件

 operation/src/components/Navigation/index.less

@@ -21,6 +21,7 @@
        &-menu {
            flex: 1;
            display: flex;
      padding-left: 24px;

            &-item {
                padding: 0 24px;

 operation/src/styles/public.less

@@ -13,9 +13,7 @@
@border-color: #e6e6e6; // 分割线

// 间距
@padding-small: 8px;
@padding-middle: 16px;
@padding-big: 24px;
@cardPadding: 24px;  // 页面卡片间的边距

@borderRadius: 2px; // 圆角


 operation/src/views/customer/index.jsx

@@ -1,31 +0,0 @@
/*
 * @Company: hugeInfo
 * @Author: ldh
 * @Date: 2022-02-16 14:54:34
 * @LastEditTime: 2022-02-17 14:32:40
 * @LastEditors: ldh
 * @Version: 1.0.0
 * @Description: 客户管理
 */
import React, { Component } from 'react';
import './index.less';
import PageHead from '../../components/PageHead';
import { Button } from 'antd';

class Customer extends Component {
    render() {
        return (
            <>
                <PageHead
                    // breadcrumbData={[
                    //     { url: '/operation/customer', title: '客户管理' },
                    //     { url: '', title: '新增客户' },
                    // ]}
                    title="客户管理"
                />
            </>
        );
    }
}

export default Customer;

 operation/src/views/login/index.jsx

@@ -5,13 +5,34 @@
 * @LastEditTime: 2022-02-17 11:20:06
 * @LastEditors: ldh
 * @Version: 1.0.0
 * @Description: 登录页面
 * @Description: 例子
 */
import React from 'react';
// import './index.less';
import React, { Component } from 'react';
import './index.less';
import PageHead from '../../components/PageHead';
import { Tabs } from 'antd';

const Login = () => {
    return <div>login</div>;
};
const { TabPane } = Tabs;
class Login extends Component {
    render() {
        return (
            <>
                <PageHead
                    breadcrumbData={[
                        { url: '/operation/customer', title: '客户管理' },
                        { url: '', title: '新增客户' },
                    ]}
                    title="客户管理"
                    otherLayout={
                        <Tabs defaultActiveKey="1">
                            <TabPane tab="Tab 1" key="1" />
                            <TabPane tab="Tab 2" key="2" />
                        </Tabs>
                    }
                />
            </>
        );
    }
}

export default Login;