diff --git a/src/styles/components/menu.less b/src/styles/components/menu.less index bccc221..8e5eab8 100644 --- a/src/styles/components/menu.less +++ b/src/styles/components/menu.less @@ -109,7 +109,8 @@ } &-horizontal &-submenu .@{select-dropdown-prefix-cls} { - width: 100%; + min-width: 100%; + width: auto; .@{menu-prefix-cls}-item{ height: auto; line-height: normal; diff --git a/test/routers/menu.vue b/test/routers/menu.vue index 68ed922..a7edc33 100644 --- a/test/routers/menu.vue +++ b/test/routers/menu.vue @@ -1,33 +1,20 @@ <template> - <Menu mode="horizontal" :theme="theme1" active-key="1"> - <i-button>test</i-button> - <Menu-item key="1"> - <Icon type="ios-paper"></Icon> - 内容管理 - </Menu-item> - <Menu-item key="2"> - <Icon type="ios-people"></Icon> - 用户管理 - </Menu-item> - <Submenu key="3"> + <Menu mode="horizontal" theme="primary" active-key="1"> + <Submenu key="1"> <template slot="title"> - <Icon type="stats-bars"></Icon> - 统计分析 + <Icon type="soup-can-outline"></Icon> + 数据管理 </template> <Menu-group title="使用"> - <Menu-item key="3-1">新增和启动</Menu-item> - <Menu-item key="3-2">活跃分析</Menu-item> - <Menu-item key="3-3">时段分析</Menu-item> + <Menu-item key="1-1">新增和启动新增和启动</Menu-item> + <Menu-item key="1-2">活跃分析</Menu-item> + <Menu-item key="1-3">时段分析</Menu-item> </Menu-group> <Menu-group title="留存"> - <Menu-item key="3-4">用户留存</Menu-item> - <Menu-item key="3-5">流失用户</Menu-item> + <Menu-item key="1-4">用户留存</Menu-item> + <Menu-item key="1-5">流失用户</Menu-item> </Menu-group> </Submenu> - <Menu-item key="4"> - <Icon type="settings"></Icon> - 综合设置 - </Menu-item> </Menu> <br> <p>切换主题</p> -- libgit2 0.21.4