在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;

链接:地址链接

相关推荐
前端付豪3 小时前
Nest 项目小实践之图书增删改查
前端·node.js·nestjs
比特鹰3 小时前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
大雨还洅下3 小时前
前端JS: 数组扁平化
javascript
奔跑路上的Me3 小时前
前端导出 Word/Excel/PDF 文件
前端·javascript
bluceli3 小时前
JavaScript异步编程深度解析:从回调到Async Await的演进之路
前端·javascript
青青家的小灰灰3 小时前
Vue 3 新标准:<script setup> 核心特性、宏命令与避坑指南
前端·vue.js·面试
SuperEugene3 小时前
路由与布局骨架篇:布局系统 | 头部、侧边栏、内容区、面包屑的拆分与复用
前端·javascript·vue.js
代码煮茶3 小时前
前端网络请求实战 | Axios 从入门到封装(拦截器 / 错误处理 / 重试)
javascript
进击的尘埃3 小时前
组合式函数 Composables 的设计模式:如何写出可复用的 Vue3 Hooks
javascript
大金乄3 小时前
用canvans画一个流程图
前端