antd Icon


引入 : import { Icon } from 'antd';

1 <Icon
2     type = "home"   //圖標樣式
3     theme = "filled"    //風格,實心,描線,雙色等 (filled , outlined , twoTone)
4     spin            //是否旋轉動畫 ,bollean ,false默認 5     twoToneColor = "#333"   //雙色圖標設置,雙色圖標的主要顏色
6 />

1.如何使用阿里巴巴圖標

const IconFont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',   //阿里巴巴圖標引用地址
});

ReactDOM.render(
  <div className="icons-list">
    <IconFont type="icon-tuichu" />
    <IconFont type="icon-facebook" />
    <IconFont type="icon-twitter" />
  </div>,
  mountNode
);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM