优化快捷菜单组件---fix1

src/components/app-quick-menus/app-quick-menus.less

-
+.app-quick-menus{
+  display: flex;
+  .menuIcon{
+    padding: 0px;
+    display: flex;
+    width: 140px;
+    height: 80px;
+    border: 1px #F68080 solid;
+    align-items: center;
+    margin: 0;
+    background-color: #FCCFCF;
+    justify-content: space-around;
+    flex-direction: column;
+    span{
+      font-size: 40px;
+    }
+  }
+}

src/components/app-quick-menus/app-quick-menus.vue

 <template>
-  <div class="app-menus">
+  <div class="app-quick-menus">
     <template v-for="(item,index) in menus">
-      <card :bordered="false" dis-hover v-if="item.items && Array.isArray(item.items)" :key="index">
+      <card :bordered="false" v-if="item.items && Array.isArray(item.items)" :key="index">
         <p slot="title" @click="$emit('menuClick',item.name, [item.name])">
           <span style="margin-right:12px">
             <img :src="item.icon" v-if="!Object.is(item.icon, '')" />
             <img :src="item.iconcls" v-else-if="!Object.is(item.iconcls, '')" />
             <i class="fa fa-cogs" v-else></i>
           </span>
-          <span>{{$t(`app.menus.${ctrlName}.${item.name}`)}}</span>
+          <span>{{$t('app.menus.iconmenu.' + item.name)}}</span>
           <span class="line"></span>
         </p>
         <p style=" display: 'flex' ">
@@ -18,26 +18,26 @@
       <card
         :key="index"
         :style=" {
-            width:'24%',
-            height: '50px',
+            width:'140px',
+            height: '80px',
             wordBreak: 'break-all',
             cursor: 'pointer',
-            margin: '6px',
+            marginLeft: '20px',
             border:'0',
-            padding:'8px',
+            padding:'0',
             display: 'flex',
             alignItems: 'center'
         }"
         :padding="0"
         v-else
       >
-        <div @click="$emit('menuClick',item.name, [item.name])">
-          <span style="margin-right:12px">
+        <div @click="$emit('menuClick',item.name, [item.name])" class="menuIcon">
+          <span>
             <img :src="item.icon" v-if="!Object.is(item.icon, '')" />
             <img :src="item.iconcls" v-else-if="!Object.is(item.iconcls, '')" />
             <i class="fa fa-cogs" v-else></i>
           </span>
-          <h4>{{$t(`app.menus.${ctrlName}.${item.name}`)}}</h4>
+          <h4>{{$t('app.menus.iconmenu.' + item.name)}}</h4>
         </div>
       </card>
     </template>