1.0.3 的相关功能

src/views/admin/system/menu/index.vue

@@ -27,7 +27,7 @@
               </template> -->
             </el-segmented>
             <!-- 按钮权限：后端控制模式，使用自定义指令 -->
-            <ElButton
+            <!-- <ElButton
               v-auth="'system@menu_add'"
               @click="showModel('menu', null)"
               v-ripple
@@ -37,12 +37,17 @@
             </ElButton>
             <ElButton @click="toggleExpand" v-ripple>
               {{ isExpanded ? '收起' : '展开' }}
-            </ElButton>
+            </ElButton> -->
             <!-- 按钮权限：前端控制模式，使用 hasAuth 方法 -->
             <!-- <ElButton v-if="hasAuth('B_CODE1')" @click="showModel('menu', null, true)" v-ripple>
               添加菜单
             </ElButton> -->
           </template>
+          <template #right>
+            <div class="btnadds" @click="showModel('menu', null)" v-auth="'system@menu_add'">
+              <i class="iconfont-sys">&#xe83e;</i>
+            </div>
+          </template>
         </ArtTableHeader>
         <!-- 表格 -->
         <ArtTable
@@ -748,4 +753,18 @@
       }
     }
   }
+  .btnadds {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    margin-left: 10px;
+    color: var(--art-gray-700);
+    cursor: pointer;
+    background-color: rgba(var(--art-gray-200-rgb), 0.8);
+    border-radius: 6px;
+    transition: color 0.3s;
+    transition: all 0.3s;
+  }
 </style>