antd vue ＜i-menu＞菜单修改字体大小

使用 antd vue <i-menu>菜单，想让字体变大，用css less 设置font-size:30px，无论加在哪里也修改不了字体大小。

比如：

<i-menu  :collapsed="collapsed" :options="menuData" @select="onSelect" class="menu"/>

.menu{

  font-size: 30px; // 字体修改无效!!!!  真服了

  padding: 26px 0;  // 间距可以修改

  background-color: rgb(30, 39, 92); // 颜色可以修改

}

有网友说用穿透，::v-deep.(类名xxx)。试了下也没搞定。

没办法了，看看i-menu的实现menu.js，在里面加字体大小样式，字体终于变大了：

    renderMenuItem: function (h, menu) {

      let tag = 'router-link'

      let config = {props: {to: menu.fullPath}, attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;font-size:30px;'}}

      if (menu.meta && menu.meta.link) {

        tag = 'a'

        config = {attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;', href: menu.meta.link, target: '_blank'}}

      }

教授，这字体够大了吧：