setIconfont.ts 1.3 KB

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