在react+ant desgin项目中使用iconfont

ts 复制代码
import React from 'react';
import { Outlet } from 'react-router-dom';
import { createFromIconfontCN } from '@ant-design/icons';

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/c/font_3658241_gus5fg7s7t9.js',
});


const Order: React.FC = () => {
    return (
      <>
        这是订单页面
        <IconFont type="sheep-yinle" />
      </>
    )
};

export default Order;

链接:地址链接

相关推荐
一 乐8 分钟前
智慧养老|基于springboot+小程序社区养老保障系统设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·小程序
冰暮流星10 分钟前
css3网格布局2
前端·css·css3
JIseven16 分钟前
uniapp页面新手引导
java·前端·uni-app
烛阴25 分钟前
代码的“病历本”:深入解读C#常见异常
前端·c#
吃好喝好玩好睡好41 分钟前
Flutter/Electron应用无缝适配OpenHarmony:全链路迁移方案与实战
javascript·flutter·electron
IT_陈寒1 小时前
Python 3.12 新特性实战:10个提升开发效率的隐藏技巧大揭秘
前端·人工智能·后端
黛色正浓1 小时前
【React】极客园案例实践-文章列表模块
javascript·react.js·ecmascript
dangdang___go1 小时前
文件操作2+程序的编译和链接(1)
java·服务器·前端
西西学代码1 小时前
Flutter中常用的UI设计
前端·flutter·ui
Sunhen_Qiletian1 小时前
《Python开发之语言基础》第七集:库--时间库
前端·数据库·python