.menuSize {
  width: 16px;
  height: 16px;
}
.operationSize {
  width: 22px;
  height: 22px;
}
.userSize {
  width: 14px;
  height: 14px;
}

.baseCss {
  display: inline-block;
}

$menuList: icon_admin_home, icon_admin_tenant_manager, icon_admin_charge, icon_admin_operate, icon_admin_user, icon_admin_people, icon_admin_content, icon_admin_goods, icon_admin_report, icon_admin_setting, icon_admin_platform, icon_admin_oa, icon_admin_book, icon_admin_message, icon_admin_orgin, icon_admin_tenant, icon_admin_change, icon_admin_account, icon_admin_edit, icon_admin_exit;

// 开始 @each 循环遍历数组
// $c 作为循环变量，代表了数组的元素，不是索引~！！！
@each $c in $menuList{
  .#{$c} {
    @extend .baseCss;
    background: url('~@/assets/menu/#{$c}.png') no-repeat center center;
    background-size: cover;
  }
}

// $operationList: icon_admin_oa, icon_admin_book, icon_admin_message, icon_admin_orgin;
// @each $c in $operationList{
//   .#{$c} {
//     background: url('~@/assets/menu/#{$c}.png') no-repeat center center;
//     background-size: cover;
//   }
// }

// $userList: icon_admin_tenant, icon_admin_change, icon_admin_account, icon_admin_edit, icon_admin_exit;
// @each $c in $userList{
//   .#{$c} {
//     background: url('~@/assets/menu/#{$c}.png') no-repeat center center;
//     background-size: cover;
//   }
// }