优化图标菜单

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

@@ -17,8 +17,9 @@
         border: 1px rgb(210,238,255) solid;
         background-color: rgb(240,249,255);
         border-radius: 3px;
+        cursor: pointer;
         &:hover{
-          border-color: rgb(53,152,220) !important;
+          border-color: rgb(53,152,220) ;
         }
         span{
           font-size: 40px;

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

 <template>
   <div class="app-icon-menus">
     <template v-for="(item,index) in menus">
-      <div :bordered="false" v-if="item.items && Array.isArray(item.items)" :key="index">
+      <div :bordered="false" v-if="item.items && Array.isArray(item.items)" :key="index" :class="item.textcls">
         <p @click="$emit('menuClick',item.name, [item.name])">
           <span>{{$t('app.menus.' + ctrlName + '.' + item.name)}}</span>
           <span class="line"></span>
@@ -13,9 +13,10 @@
       <el-card
         :key="index"
         shadow="never"
+        :class="item.textcls"
         v-else
       >
-        <div @click="menuClick(item.name,[item.name])" class="menuIcon" :class="item.textcls">
+        <div @click="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, '')" />