iconfont 和 antd Spin 實現自定義的loading效果

前言

有個通過iconfont實現的loading效果的需求，實踐了下，還蠻簡單的，幾行代碼就可以搞定~記錄下

 

代碼實踐

import { Icon } from 'antd';
const IconFont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1150144_gcj3uq1p6vp.js',
});


ReactDOM.render(
  <div className="icons-list">
    <IconFont type="iconjiazai" spin/>
  </div>,
  mountNode,
);

 

Demo 

riddle demo 鏈接