Skip to content

引入

ts
import {
  removeCss,
  loadStyles,
  loadCssCode
} from 't-comm';

// 不支持 tree-shaking 的项目
import {
  removeCss,
  loadStyles,
  loadCssCode
} from 't-comm/lib/css/index';

// 只支持 ESM 的项目
import {
  removeCss,
  loadStyles,
  loadCssCode
} from 't-comm/es/css/index';

removeCss(href)

描述

移除CSS

参数

参数名类型描述
hrefstring

CSS链接

示例

typescript
removeCss('https://xxx.css')

loadStyles(urls, urlClass)

描述

加载多个样式文件,并在加载前移除具有相同类名的文件

参数

参数名类型描述
urlsarray

外链地址列表

urlClassstring

外链类名

示例

ts
loadStyles(['https://a.com/b.css'], 'load-style');

loadCssCode(code, className)

描述

加载样式代码块,会将样式代码包裹在 style 标签内,并加载到当前页面中

参数

参数名类型描述
codestring

样式代码

classNamestring

类名

示例

ts
loadCssCode(
  '.press__cover { color: red; }',
  'load-css-code'
);