Naive UI 引入icon看不见解决办法，附带下拉框 dropdown 内容文字区域替换成 icon 不生效的解决办法

原因

因为官方指定的 ixcon 图标库，所有的图标都是 svg 默认是没有宽高的，需要手动指定宽高。像下面直接在下拉框内部添加一个图标是不会生效的：

<n-dropdown trigger="click" :options="options">
  <menu-outline />
</n-dropdown>

解决办法

组件包裹

Naive UI 推荐直接使用 Icon 组件包裹，可以直接添加属性指定 size 大小：只给数字默认单位是 px，如果传了单位就使用自定义单位，还可以通过属性直接指定颜色。

嵌套传入

<n-dropdown trigger="click" :options="options">
  <n-icon size="30">
    <menu-outline />
  </n-icon>
</n-dropdown>

直接通过属性传入 Icon 组件

<n-dropdown trigger="click" :options="options">
  <n-icon :size="18" :component="MenuOutline" />
</n-dropdown>

内嵌样式

通过内嵌 stye 进行传值，和定义类名写在 css 文件中一样的效果。

<n-dropdown trigger="click" :options="options">
  <menu-outline style="height: 30px; width: 30px" />
</n-dropdown>