fix:not set <a-menu-item> as activator slot in <a-dropdown>

ly525
1 parent e856428e
Showing 2 changed files with 16 additions and 2 deletions
front-end/h5/src/components/core/styles/index.scss
front-end/h5/src/views/work-manager/index.vue
@@ -15,6 +15,17 @@
       color: white;
       font-size: 16px;
     }
+
+    .user-avatar-activator {
+      float: right;
+      background: transparent;
+      margin: 0 28px 16px 0;
+      cursor: pointer;
+
+      .anticon {
+        color: white;
+      }
+    }
   }
   .shortcut-button {
@@ -83,6 +94,7 @@
     }
   }
+
 }
@@ -90,7 +90,7 @@ export default {
         <a-layout-header class="header">
           <LogoOfHeader />
           {/* TODO we can show the plugins shortcuts here */}
-          <a-dropdown style={{ float: 'right', background: 'transparent', margin: '0 28px 16px 0', cursor: 'pointer' }}>
+          <a-dropdown>
             <a-menu slot="overlay" onClick={() => {}}>
               <a-menu-item key="1">
                 <span>someone@luban</span>
@@ -99,7 +99,9 @@ export default {
               <a-menu-item key="2"><a-icon type="setting" />账号设置</a-menu-item>
               <a-menu-item key="3"><a-icon type="logout" />退出登录</a-menu-item>
             </a-menu>
-            <a-menu-item><a-icon type="user" style={{ color: 'white' }} /></a-menu-item>
+            <a class="user-avatar-activator" href="#">
+              <a-icon type="user"/>
+            </a>
           </a-dropdown>
           <ExternalLinksOfHeader />
         </a-layout-header>