@ -35,7 +35,7 @@ const Sider = React.createClass({
<Menu.Item key="2">选项2</Menu.Item>
</MenuItemGroup>
<MenuItemGroup title="分组2">
<Menu.Item key="3">选项3</Menu.Item>
<Menu.Item key="3"><a href="#">选项3</a></Menu.Item>
<Menu.Item key="4">选项4</Menu.Item>
</SubMenu>
@ -35,6 +35,14 @@
transition: all 0.3s ease;
}
&-item > a {
display: block;
color: @text-color;
&:hover {
&-item-active,
&-submenu-title:hover {
background-color: tint(@primary-color, 90%);
@ -58,7 +66,7 @@
&-vertical {
border-right: 1px solid #e9e9e9;
.@{menu-prefix-cls}-item {
border-right: 2px solid transparent;
margin-left: -1px;
left: 1px;
position: relative;