Nuxt Feather 图标
支持 Nuxt 3
安装
npx nuxi@latest module add nuxt-feather-icons
使用
nuxt.config.js
modules: [
'nuxt-feather-icons'
],
大小调整
默认情况下,图标大小会根据父元素的字体大小自动调整。
但是,如果您希望自定义大小,可以使用 size 属性。对于基于倍数的大小调整,请指定所需的倍数,后跟 x。
<XIcon size="1.5x" class="custom-class"></XIcon>
此外,您可以通过简单地传递一个整数来设置以像素 (px) 为单位的绝对大小。
<XIcon size="30" class="custom-class"></XIcon>
这种灵活性使您可以根据您的特定需求轻松调整图标大小。