setIconfont.ts 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // 字体图标 url
  2. const cssCdnUrlList: Array<string> = [
  3. // 调整为从本地引入,注释下面的 url
  4. // '//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css',
  5. // '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
  6. ];
  7. // 第三方 js url
  8. const jsCdnUrlList: Array<string> = [];
  9. // 动态批量设置字体图标
  10. export function setCssCdn() {
  11. if (cssCdnUrlList.length <= 0) return false;
  12. cssCdnUrlList.map((v) => {
  13. let link = document.createElement('link');
  14. link.rel = 'stylesheet';
  15. link.href = v;
  16. link.crossOrigin = 'anonymous';
  17. document.getElementsByTagName('head')[0].appendChild(link);
  18. });
  19. }
  20. // 动态批量设置第三方js
  21. export function setJsCdn() {
  22. if (jsCdnUrlList.length <= 0) return false;
  23. jsCdnUrlList.map((v) => {
  24. let link = document.createElement('script');
  25. link.src = v;
  26. document.body.appendChild(link);
  27. });
  28. }
  29. /**
  30. * 批量设置字体图标、动态js
  31. * @method cssCdn 动态批量设置字体图标
  32. * @method jsCdn 动态批量设置第三方js
  33. */
  34. const setIntroduction = {
  35. // 设置css
  36. cssCdn: () => {
  37. setCssCdn();
  38. },
  39. // 设置js
  40. jsCdn: () => {
  41. setJsCdn();
  42. },
  43. };
  44. // 导出函数方法
  45. export default setIntroduction;