From 904c44b4a2283f74e56814db0cc2e511f7a6674f Mon Sep 17 00:00:00 2001
From: ldh <996970752@qq.com>
Date: Thu, 17 Feb 2022 18:09:06 +0800
Subject: [PATCH] 1：面包屑导航公共组件
---
operation/src/styles/public.less | 4 -
operation/src/views/login/index.jsx | 33 +++++++++++++---
operation/src/views/customer/index.jsx | 31 ---------------
operation/src/components/Navigation/index.less | 1
4 files changed, 29 insertions(+), 40 deletions(-)
diff --git a/operation/src/components/Navigation/index.less b/operation/src/components/Navigation/index.less
index 4f8bd39..ab04d72 100644
--- a/operation/src/components/Navigation/index.less
+++ b/operation/src/components/Navigation/index.less
@@ -21,6 +21,7 @@
&-menu {
flex: 1;
display: flex;
+ padding-left: 24px;
&-item {
padding: 0 24px;
diff --git a/operation/src/styles/public.less b/operation/src/styles/public.less
index 7c4e295..aeb485e 100644
--- a/operation/src/styles/public.less
+++ b/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; // 圆角
diff --git a/operation/src/views/customer/index.jsx b/operation/src/views/customer/index.jsx
index 8e1ef84..e69de29 100644
--- a/operation/src/views/customer/index.jsx
+++ b/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;
diff --git a/operation/src/views/login/index.jsx b/operation/src/views/login/index.jsx
index 4a2b2f4..a42ee77 100644
--- a/operation/src/views/login/index.jsx
+++ b/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;
--
Gitblit v1.8.0