From 84a4a95dbfc2cf22a537a30473fc443094c5a487 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 7 Nov 2017 17:36:26 +0800
Subject: [PATCH] fixed #1926

---
 examples/routers/avatar.vue       | 36 ++++++++++++++++++++++++++++++-
 src/styles/components/avatar.less |  1 +
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/examples/routers/avatar.vue b/examples/routers/avatar.vue
index d6c98a03..6efe4a10 100644
--- a/examples/routers/avatar.vue
+++ b/examples/routers/avatar.vue
@@ -29,13 +29,47 @@
             <Avatar icon="person" shape="square"></Avatar>
         </Badge>
         <Button @click="change">change</Button>
+
+        <Menu mode="horizontal" :theme="theme1" active-name="1">
+            <MenuItem name="1">
+                <Icon type="ios-paper"></Icon>
+                内容管理
+            </MenuItem>
+            <MenuItem name="2">
+                <Icon type="ios-people"></Icon>
+                用户管理
+            </MenuItem>
+            <Submenu name="3">
+                <template slot="title">
+                    <Icon type="stats-bars"></Icon>
+                    统计分析
+                </template>
+                <MenuGroup title="使用">
+                    <MenuItem name="3-1">新增和启动</MenuItem>
+                    <MenuItem name="3-2">活跃分析</MenuItem>
+                    <MenuItem name="3-3">时段分析</MenuItem>
+                </MenuGroup>
+                <MenuGroup title="留存">
+                    <MenuItem name="3-4">用户留存</MenuItem>
+                    <MenuItem name="3-5">流失用户</MenuItem>
+                </MenuGroup>
+            </Submenu>
+            <MenuItem name="4">
+                <Icon type="settings"></Icon>
+                综合设置
+            </MenuItem>
+            <div>
+                <Avatar icon="person"></Avatar>
+            </div>
+        </Menu>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                name: 'Aresn'
+                name: 'Aresn',
+                theme1: 'dark'
             }
         },
         methods: {
diff --git a/src/styles/components/avatar.less b/src/styles/components/avatar.less
index a2ced43d..26be2f91 100644
--- a/src/styles/components/avatar.less
+++ b/src/styles/components/avatar.less
@@ -8,6 +8,7 @@
     white-space: nowrap;
     position: relative;
     overflow: hidden;
+    vertical-align: middle;
 
     .avatar-size(@avatar-size-base, @avatar-font-size-base);