github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

style migrate v3

pull/289/head
vapao 2020-11-27 16:20:05 +08:00
parent dbee03069e
commit ead0364f46
2 changed files with 21 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
spug_web/src/pages/welcome/info/index.js
View File

@ -5,6 +5,7 @@
*/ */
import React from 'react'; import React from 'react';
import { Menu } from 'antd'; import { Menu } from 'antd';
import { Breadcrumb } from 'components';
import Basic from './Basic'; import Basic from './Basic';
import Reset from './Reset'; import Reset from './Reset';
import styles from './index.module.css'; import styles from './index.module.css';
@ -20,20 +21,26 @@ class Index extends React.Component {
render() { render() {
const {selectedKeys} = this.state; const {selectedKeys} = this.state;
return ( return (
<div className={styles.container}> <div>
<div className={styles.left}> <Breadcrumb>
<Menu <Breadcrumb.Item>首页</Breadcrumb.Item>
mode="inline" <Breadcrumb.Item>个人中心</Breadcrumb.Item>
selectedKeys={selectedKeys} </Breadcrumb>
style={{border: 'none'}} <div className={styles.container}>
onSelect={({selectedKeys}) => this.setState({selectedKeys})}> <div className={styles.left}>
<Menu.Item key="basic">基本设置</Menu.Item> <Menu
<Menu.Item key="reset">修改密码</Menu.Item> mode="inline"
</Menu> selectedKeys={selectedKeys}
</div> style={{border: 'none'}}
<div className={styles.right}> onSelect={({selectedKeys}) => this.setState({selectedKeys})}>
{selectedKeys[0] === 'basic' && <Basic />} <Menu.Item key="basic">基本设置</Menu.Item>
{selectedKeys[0] === 'reset' && <Reset />} <Menu.Item key="reset">修改密码</Menu.Item>
</Menu>
</div>
<div className={styles.right}>
{selectedKeys[0] === 'basic' && <Basic/>}
{selectedKeys[0] === 'reset' && <Reset/>}
</div>
</div> </div>
</div> </div>
) )

13
spug_web/src/pages/welcome/routes.js
View File

@ -1,13 +0,0 @@
/**
* Copyright (c) OpenSpug Organization. https://github.com/openspug/spug
* Copyright (c) <spug.dev@gmail.com>
* Released under the AGPL-3.0 License.
*/
import { makeRoute } from 'libs/router';
import Index from './index';
import Info from './info';
export default [
makeRoute('/index', Index),
makeRoute('/info', Info),
]