Commit cbd3591c96e840dc30c79e2e1f36d0320f5a00f1
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,7 +109,8 @@ | ||
| 109 | } | 109 | } |
| 110 | 110 | ||
| 111 | &-horizontal &-submenu .@{select-dropdown-prefix-cls} { | 111 | &-horizontal &-submenu .@{select-dropdown-prefix-cls} { |
| 112 | - width: 100%; | 112 | + min-width: 100%; |
| 113 | + width: auto; | ||
| 113 | .@{menu-prefix-cls}-item{ | 114 | .@{menu-prefix-cls}-item{ |
| 114 | height: auto; | 115 | height: auto; |
| 115 | line-height: normal; | 116 | line-height: normal; |
test/routers/menu.vue
| 1 | <template> | 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 | <template slot="title"> | 4 | <template slot="title"> |
| 14 | - <Icon type="stats-bars"></Icon> | ||
| 15 | - 统计分析 | 5 | + <Icon type="soup-can-outline"></Icon> |
| 6 | + 数据管理 | ||
| 16 | </template> | 7 | </template> |
| 17 | <Menu-group title="使用"> | 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 | </Menu-group> | 12 | </Menu-group> |
| 22 | <Menu-group title="留存"> | 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 | </Menu-group> | 16 | </Menu-group> |
| 26 | </Submenu> | 17 | </Submenu> |
| 27 | - <Menu-item key="4"> | ||
| 28 | - <Icon type="settings"></Icon> | ||
| 29 | - 综合设置 | ||
| 30 | - </Menu-item> | ||
| 31 | </Menu> | 18 | </Menu> |
| 32 | <br> | 19 | <br> |
| 33 | <p>切换主题</p> | 20 | <p>切换主题</p> |