Skip to content

X
xiaomai-cloud-class-web
Commit db5a63c0 by zhangleyuan
Options

style:调整左侧导航栏的的样式

parent 8cbd2a07
Showing with 45 additions and 19 deletions
src/index.html
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_2223403_1wpr50mnvdo.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_2223403_128twwfsj82.css">
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
......
src/modules/root/Header.jsx
...@@ -59,11 +59,12 @@ class Header extends React.Component { ...@@ -59,11 +59,12 @@ class Header extends React.Component {
</div> </div>
{this.state.menuType ? ( {this.state.menuType ? (
<span className="icon iconfont cursor ml20 handLike" onClick={this.handleMenu}> <span className="icon iconfont cursor ml20 handLike" onClick={this.handleMenu}>
&#xe7ff;{' '} &#xe83d;{' '}
</span> </span>
) : ( ) : (
<span className="icon iconfont cursor ml20 handLike" onClick={this.handleMenu}> <span className="icon iconfont cursor ml20 handLike" onClick={this.handleMenu}>
&#xe7fe; &#xe615;
</span> </span>
)} )}
<div className="message-help"> <div className="message-help">
......
src/modules/root/Menu.jsx
...@@ -57,14 +57,21 @@ class Menus extends React.Component { ...@@ -57,14 +57,21 @@ class Menus extends React.Component {
<SubMenu <SubMenu
key="1" key="1"
title={ title={
<span> <span
{/* <Icon type="mail" /> */} >
{!!this.state.menuType &&( <span className="title">
<span>课程管理</span> <span
)} className="iconfont icon"
dangerouslySetInnerHTML={{ __html: "&#xe831;" }}
></span>
{!!this.state.menuType && (
<span className="menu-name" id="menu_home">
课程管理
</span>
)}
</span>
</span> </span>
} }
icon={<ContainerOutlined />}
> >
<Menu.Item key="1-1"> <Menu.Item key="1-1">
...@@ -74,22 +81,40 @@ class Menus extends React.Component { ...@@ -74,22 +81,40 @@ class Menus extends React.Component {
<span className="name">视频课</span> <span className="name">视频课</span>
</Menu.Item> </Menu.Item>
</SubMenu> </SubMenu>
<Menu.Item key="2">
<Menu.Item key="2" icon={<PlayCircleOutlined/>}> <span
{!!this.state.menuType &&( >
<span className="name">资料云盘</span> <span className="title">
)} <span
className="iconfont icon"
dangerouslySetInnerHTML={{ __html: "&#xe83b;" }}
></span>
{!!this.state.menuType && (
<span className="menu-name" id="menu_home">
资料云盘
</span>
)}
</span>
</span>
</Menu.Item> </Menu.Item>
<SubMenu <SubMenu
key="3" key="3"
title={ title={
<span> <span
{!!this.state.menuType &&( >
<span >课程管理</span> <span className="title">
)} <span
className="iconfont icon"
dangerouslySetInnerHTML={{ __html: "&#xe82e;" }}
></span>
{!!this.state.menuType && (
<span className="menu-name" id="menu_home">
店铺管理
</span>
)}
</span>
</span> </span>
} }
icon={<PlayCircleOutlined/>}
> >
<Menu.Item key="3-1"> <Menu.Item key="3-1">
<span className="name">讲师管理</span> <span className="name">讲师管理</span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment