pc-component-v5/packages/common/CssUtil.js

/**
 * 动态加载css文件
 * @param { String } jsUrl js文件的路径
 * @param { String } linkId css文件的唯一id
 */
let dynamicLoadCss = function (cssUrl, linkId) {
  // 判断 linkId 是否存在，如果已经存在，就不再加载
  if(linkId != null && linkId.length > 0){
    let links = $('link[id="' + linkId + '"]');
    if(links.length > 0){
      console.log('css文件%s(id=%s)已经加载，不重复加载', cssUrl, linkId);
      return;
    }
  }

  if (cssUrl != null && cssUrl.length > 0) {
    let head = document.getElementsByTagName('head')[0];
    let link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = cssUrl;
    link.id = linkId;
    head.appendChild(link);
  }
};

/**
 * 动态卸载css文件
 * @param { String } linkId css文件的唯一id
 */
let dynamicUnloadCss = function(linkId){
  if(linkId != null && linkId.length > 0){
    let links = $('link[id="' + linkId + '"]');
    if(links.length > 0){
      console.log('卸载css文件(id=%s)', linkId);
      links.remove();
    }
  }
};

export default {
  dynamicLoadCss, dynamicUnloadCss,
};