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

链接:地址链接

相关推荐
QT 小鲜肉1 天前
【Linux命令大全】001.文件管理之mtoolstest命令(实操篇)
linux·运维·前端·笔记·microsoft
holeer1 天前
React UI组件封装实战——以经典项目「个人博客」与「仿手机QQ」为例
前端·javascript·react.js·ui·前端框架·软件工程
chilavert3181 天前
技术演进中的开发沉思-277 AJax :Calendar
前端·javascript·microsoft·ajax
chilavert3181 天前
技术演进中的开发沉思-276 AJax : Menu
javascript·ajax·交互
debug 小菜鸟1 天前
搭建web 环境的那些事
前端
鹏多多1 天前
Flutter下拉刷新上拉加载侧拉刷新插件:easy_refresh全面使用指南
android·前端·ios
Mike_jia1 天前
OpenDeRisk:AI 原生风险智能系统 ——7*24H 应用系统AI数字运维助手(AI-SRE)
前端
朱穆朗1 天前
electron升级到33.0.x版本后,devtools字体的修改方法
前端·javascript·electron
2501_944452231 天前
智能洞察 Cordova 与 OpenHarmony 混合开发实战
javascript
IT_陈寒1 天前
Java 21新特性实战:5个必学的性能优化技巧让你的应用提速40%
前端·人工智能·后端