1.在src-layout新建commonLayout.js文件
`
import { Layout } from 'antd';
import styles from './CommonLayout.less';
import { ConfigProvider } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
const CommonLayout = ({ children }) => {
const { Content } = Layout;
return (
<ConfigProvider locale={zh_CN}>
<Layout className={styles.layout}>
<Content className="site-layout-background" style={{ margin: 0 }}>
{children}
</Content>
</Layout>
</ConfigProvider>
);
};
export default CommonLayout;
`
2.在根目录下建立 router.js文件
`
export default [
{
path: '/',
component: '@/layouts/CommonLayout.js', //引入根路由
routes: [
{ path: '/datadetails', component: '@/pages/ScreenTwo/index' }, // 第二屏
{ path: '/', component: '@/pages/Homepage/index' }, // 首屏
{ path: '/search', component: '@/pages/Search/index' }, // 列表搜索页
{ component: '@/pages/404' },
],
},
{ component: '@/pages/404' },
];
`
这是大屏项目,有点看起来像路由跳转之类的