Unocss 图标解析

unocss 动态引入图标无效

在TS文件中写好

 {
        icon: 'i-icon-park-outline:list-numbers',
        title: '数字输入框',
        type: 'number'
 }

在使用部分无效

 <i :class="['el-icon', `${element.icon}`]" ></i>

这个是因为Unocss的 presetIcons 默认解析xxx.vue文件的图标

解决方法

在TS文件中加入 // @unocss-include 让unocss扫描这个文件中的 icon

// @unocss-include
 {
        icon: 'i-icon-park-outline:list-numbers',
        title: '数字输入框',
        type: 'number'
 }

unocss官方回答