lxm--添加头部菜单

src/app-register.ts

@@ -61,7 +61,7 @@ import AppOrgSector from  './components/app-orgsector/app-orgsector.vue'
 import AppBuild from './components/app-build/app-build.vue'
 import AppStudioAction from './components/app-studioaction/app-studioaction.vue'
 import AppDebugActions from './components/app-debug-actions/app-debug-actions.vue'
-import AppHeaderMenus from './components/app-header-menus/app-header-menus.vue'
+import AppTopMenus from './components/app-top-menus/app-top-menus.vue'
 import AppColumnLink from './components/app-column-link/app-column-link.vue'
 import AppDataUploadView from './components/app-data-upload/app-data-upload.vue'
 import DropDownListDynamic from './components/dropdown-list-dynamic/dropdown-list-dynamic.vue'
@@ -147,7 +147,7 @@ export const AppComponents = {
         v.component('app-build', AppBuild);
         v.component('app-studioaction', AppStudioAction);
         v.component('app-debug-actions', AppDebugActions);
-        v.component('app-header-menus', AppHeaderMenus);
+        v.component('app-top-menus', AppTopMenus);
         v.component('app-column-link', AppColumnLink);
         v.component('app-data-upload', AppDataUploadView);
         v.component('dropdown-list-dynamic', DropDownListDynamic);

src/components/app-header-menus/app-header-menus.less → src/components/app-top-menus/app-top-menus.less

-.app-header-menus {
+.app-top-menus {
   display: flex;
   align-items: center;
   height: 100%;
   line-height: 20px;
-  >.app-header-menu-item{
+  >.app-top-menu-item{
       height: 24px;
       display: flex;
       align-items: center;
@@ -13,13 +13,13 @@
       cursor: pointer;
   }
 
-  >.app-header-menu-item.icon {
+  >.app-top-menu-item.icon {
 
-      >.app-header-menu-item-icon {
+      >.app-top-menu-item-icon {
           font-size: 20px;
       }
 
-      >.app-header-menu-item-img {
+      >.app-top-menu-item-img {
           height: 20px;
           width: 20px;
 
@@ -30,19 +30,19 @@
       }
   }
 
-  >.app-header-menu-item.icon:hover{
+  >.app-top-menu-item.icon:hover{
       color: #68758e;
       text-decoration: none;
   }
 
-  >.app-header-menu-item.text {
+  >.app-top-menu-item.text {
       border-radius: 4px;
       border: 1px solid #8893a7;
       text-align: center;
       font-size: 12px;
       padding: 2px 4px;
 
-      >.app-header-menu-item-icon {
+      >.app-top-menu-item-icon {
           width: 20px;
           height: 20px;
           overflow: hidden;
@@ -51,7 +51,7 @@
           margin-top: -3px;
       }
 
-      >.app-header-menu-item-img {
+      >.app-top-menu-item-img {
           height: 16px;
           width: 16px;
           margin-right: 3px;
@@ -63,11 +63,11 @@
       }
   }
 
-  >.app-header-menu-item.text:hover {
+  >.app-top-menu-item.text:hover {
       color: #107fff;
       border: 1px solid #107fff;
   }
 }
-.app-header-menus:hover {
+.app-top-menus:hover {
     background: none !important;
 }
\ No newline at end of file

src/components/app-header-menus/app-header-menus.vue → src/components/app-top-menus/app-top-menus.vue

 <template>
-  <div class="app-header-menus">
-    <div v-for="(menu,index) in menus" :key="index" class="app-header-menu-item text" @click="openWindow(menu)">
-      <div class="app-header-menu-item-icon">
+  <div class="app-top-menus">
+    <div v-for="(menu,index) in menus" :key="index" class="app-top-menu-item text" @click="openWindow(menu)">
+      <div class="app-top-menu-item-icon">
         <i :class="menu.iconcls" :aria-hidden="true" />
       </div>
-      <div class="app-header-menu-item-text">{{$t(menu.title)}}</div>
+      <div class="app-top-menu-item-text">{{$t(menu.title)}}</div>
 
     </div>
   </div> 
@@ -17,13 +17,13 @@ import { Environment } from '@/environments/environment';
 
 @Component({
 })
-export default class AppHeaderMenus extends Vue {
+export default class AppTopMenus extends Vue {
 
   /**
    * 菜单数据
    * 
    * @type {any}
-   * @memberof AppHeaderMenus
+   * @memberof AppTopMenus
    */
   public menus:any = [
       {
@@ -55,7 +55,7 @@ export default class AppHeaderMenus extends Vue {
   /**
    * 触发界面行为
    * 
-   * @memberof AppHeaderMenus
+   * @memberof AppTopMenus
    */
   public openWindow(menu:any){
       window.open(menu.url, '_blank');
@@ -66,5 +66,5 @@ export default class AppHeaderMenus extends Vue {
 </script>
 
 <style lang='less'>
-@import "./app-header-menus.less";
+@import "./app-top-menus.less";
 </style>
\ No newline at end of file