40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import { h } from 'vue';
|
|
import { NIcon } from 'naive-ui';
|
|
import { Icon } from '@iconify/vue';
|
|
import SvgIcon from '@/components/custom/SvgIcon.vue';
|
|
|
|
/**
|
|
* 动态渲染iconify
|
|
* @param icon - 图标名称
|
|
* @param color - 图标颜色
|
|
* @param fontSize - 图标大小
|
|
*/
|
|
export function iconifyRender(icon: string, color?: string, fontSize?: number) {
|
|
const style: { color?: string; fontSize?: string } = {};
|
|
if (color) {
|
|
style.color = color;
|
|
}
|
|
if (fontSize) {
|
|
style.fontSize = `${fontSize}px`;
|
|
}
|
|
return () => h(NIcon, null, { default: () => h(Icon, { icon, style }) });
|
|
}
|
|
|
|
/**
|
|
* 动态渲染自定义图标
|
|
* @param icon - 图标名称
|
|
* @param color - 图标颜色
|
|
* @param fontSize - 图标大小
|
|
*/
|
|
export function customIconRender(icon: string, color?: string, fontSize?: number) {
|
|
const style: { color?: string; fontSize?: string } = {};
|
|
if (color) {
|
|
style.color = color;
|
|
}
|
|
if (fontSize) {
|
|
style.fontSize = `${fontSize}px`;
|
|
}
|
|
|
|
return () => h(NIcon, null, { default: () => h(SvgIcon, { icon, style }) });
|
|
}
|