blog_front/src/assets/index.ts

import { defineComponent, h } from 'vue';
import { createFromIconfontCN } from '@ant-design/icons-vue';

function createIconComponent(iconType: string) {
  const IconComponent = createFromIconfontCN({
    scriptUrl: '//at.alicdn.com/t/c/font_4513281_r2toi9mpbha.js', // 在 iconfont.cn 上生成
  });

  return defineComponent({
    setup() {
      return () => h(IconComponent, { type: iconType });
    },
  });
}
const TitleOutLined = createIconComponent('icon-xiongmaochizhuye');
const BlogOutLined = createIconComponent('icon-blog');
const SystemOutLined = createIconComponent('icon-system');
const PhotoOutLined = createIconComponent('icon-photo');
const FileOutLined = createIconComponent('icon-file');
const DiaryOutLined = createIconComponent('icon-diary');
const CommentOutLined = createIconComponent('icon-comment');
const TypeOutLined = createIconComponent('icon-type');
const MusicLined = createIconComponent('icon-musicfill');
const EmailLined = createIconComponent('icon-youxiang');
const GitHubLined = createIconComponent('icon-github');
const QQLined = createIconComponent('icon-QQ');
const WechatLined = createIconComponent('icon-wechat-fill');
const GravatarLined = createIconComponent('icon-brand-gravatar');
const RiLiLined = createIconComponent('icon-rili');
const YueDuLined = createIconComponent('icon-yuedu');
const YanJingLined = createIconComponent('icon-yanjing');
const XieZiLined = createIconComponent('icon-xiezi');


export {
  TitleOutLined,
  BlogOutLined,
  SystemOutLined,
  PhotoOutLined,
  FileOutLined,
  DiaryOutLined,
  CommentOutLined,
  TypeOutLined,
  MusicLined,
  EmailLined,
  GitHubLined,
  QQLined,
  WechatLined,
  GravatarLined,
  RiLiLined,
  YueDuLined,
  YanJingLined,
  XieZiLined
}