Commit cbd3591c96e840dc30c79e2e1f36d0320f5a00f1

Authored by 梁灏
1 parent 336b4f46

fixed #131

fixed #131
Showing 2 changed files with 11 additions and 23 deletions   Show diff stats
src/styles/components/menu.less
... ... @@ -109,7 +109,8 @@
109 109 }
110 110  
111 111 &-horizontal &-submenu .@{select-dropdown-prefix-cls} {
112   - width: 100%;
  112 + min-width: 100%;
  113 + width: auto;
113 114 .@{menu-prefix-cls}-item{
114 115 height: auto;
115 116 line-height: normal;
... ...
test/routers/menu.vue
1 1 <template>
2   - <Menu mode="horizontal" :theme="theme1" active-key="1">
3   - <i-button>test</i-button>
4   - <Menu-item key="1">
5   - <Icon type="ios-paper"></Icon>
6   - 内容管理
7   - </Menu-item>
8   - <Menu-item key="2">
9   - <Icon type="ios-people"></Icon>
10   - 用户管理
11   - </Menu-item>
12   - <Submenu key="3">
  2 + <Menu mode="horizontal" theme="primary" active-key="1">
  3 + <Submenu key="1">
13 4 <template slot="title">
14   - <Icon type="stats-bars"></Icon>
15   - 统计分析
  5 + <Icon type="soup-can-outline"></Icon>
  6 + 数据管理
16 7 </template>
17 8 <Menu-group title="使用">
18   - <Menu-item key="3-1">新增和启动</Menu-item>
19   - <Menu-item key="3-2">活跃分析</Menu-item>
20   - <Menu-item key="3-3">时段分析</Menu-item>
  9 + <Menu-item key="1-1">新增和启动新增和启动</Menu-item>
  10 + <Menu-item key="1-2">活跃分析</Menu-item>
  11 + <Menu-item key="1-3">时段分析</Menu-item>
21 12 </Menu-group>
22 13 <Menu-group title="留存">
23   - <Menu-item key="3-4">用户留存</Menu-item>
24   - <Menu-item key="3-5">流失用户</Menu-item>
  14 + <Menu-item key="1-4">用户留存</Menu-item>
  15 + <Menu-item key="1-5">流失用户</Menu-item>
25 16 </Menu-group>
26 17 </Submenu>
27   - <Menu-item key="4">
28   - <Icon type="settings"></Icon>
29   - 综合设置
30   - </Menu-item>
31 18 </Menu>
32 19 <br>
33 20 <p>切换主题</p>
... ...