setIconfont.ts 1.1 KB

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