Commit 84a4a95dbfc2cf22a537a30473fc443094c5a487
1 parent
05265bee
fixed #1926
Showing
2 changed files
with
36 additions
and
1 deletions
Show diff stats
examples/routers/avatar.vue
| @@ -29,13 +29,47 @@ | @@ -29,13 +29,47 @@ | ||
| 29 | <Avatar icon="person" shape="square"></Avatar> | 29 | <Avatar icon="person" shape="square"></Avatar> |
| 30 | </Badge> | 30 | </Badge> |
| 31 | <Button @click="change">change</Button> | 31 | <Button @click="change">change</Button> |
| 32 | + | ||
| 33 | + <Menu mode="horizontal" :theme="theme1" active-name="1"> | ||
| 34 | + <MenuItem name="1"> | ||
| 35 | + <Icon type="ios-paper"></Icon> | ||
| 36 | + 内容管理 | ||
| 37 | + </MenuItem> | ||
| 38 | + <MenuItem name="2"> | ||
| 39 | + <Icon type="ios-people"></Icon> | ||
| 40 | + 用户管理 | ||
| 41 | + </MenuItem> | ||
| 42 | + <Submenu name="3"> | ||
| 43 | + <template slot="title"> | ||
| 44 | + <Icon type="stats-bars"></Icon> | ||
| 45 | + 统计分析 | ||
| 46 | + </template> | ||
| 47 | + <MenuGroup title="使用"> | ||
| 48 | + <MenuItem name="3-1">新增和启动</MenuItem> | ||
| 49 | + <MenuItem name="3-2">活跃分析</MenuItem> | ||
| 50 | + <MenuItem name="3-3">时段分析</MenuItem> | ||
| 51 | + </MenuGroup> | ||
| 52 | + <MenuGroup title="留存"> | ||
| 53 | + <MenuItem name="3-4">用户留存</MenuItem> | ||
| 54 | + <MenuItem name="3-5">流失用户</MenuItem> | ||
| 55 | + </MenuGroup> | ||
| 56 | + </Submenu> | ||
| 57 | + <MenuItem name="4"> | ||
| 58 | + <Icon type="settings"></Icon> | ||
| 59 | + 综合设置 | ||
| 60 | + </MenuItem> | ||
| 61 | + <div> | ||
| 62 | + <Avatar icon="person"></Avatar> | ||
| 63 | + </div> | ||
| 64 | + </Menu> | ||
| 32 | </div> | 65 | </div> |
| 33 | </template> | 66 | </template> |
| 34 | <script> | 67 | <script> |
| 35 | export default { | 68 | export default { |
| 36 | data () { | 69 | data () { |
| 37 | return { | 70 | return { |
| 38 | - name: 'Aresn' | 71 | + name: 'Aresn', |
| 72 | + theme1: 'dark' | ||
| 39 | } | 73 | } |
| 40 | }, | 74 | }, |
| 41 | methods: { | 75 | methods: { |
src/styles/components/avatar.less
| @@ -8,6 +8,7 @@ | @@ -8,6 +8,7 @@ | ||
| 8 | white-space: nowrap; | 8 | white-space: nowrap; |
| 9 | position: relative; | 9 | position: relative; |
| 10 | overflow: hidden; | 10 | overflow: hidden; |
| 11 | + vertical-align: middle; | ||
| 11 | 12 | ||
| 12 | .avatar-size(@avatar-size-base, @avatar-font-size-base); | 13 | .avatar-size(@avatar-size-base, @avatar-font-size-base); |
| 13 | 14 |