3.0.6 • Published 6 months ago
loading-web v3.0.6
loading-web
- 浏览器端Loading效果插件,< 2kb(gzip)大小,无依赖;
- 支持HTTP和Router自动Loading效果;
- 支持自定义Loading。
Install
- $ npm i loading-web
Usage
- 自动拦截HTTP请求
import { xhrResponder } from "loading-web"
// options参数可选
xhrResponder(options)
- Router跳转时Loading效果
import { routerResponder } from "loading-web"
// options参数可选
routerResponder(options)
- 使用内置Loading样式
import "loading-web/css3" // css1 ~ css8
- 全局配置内置Loading样式
:root {
--loading-color: 25 137 250;
--loading-size: 10px;
--loading-bg: transparent;
--loading-zIndex: 2;
}
- 自定义Loading样式
<style>
.loader {
// 此处自定义样式
}
</style>
- 指定Loading挂载元素
ajax({url:"xxx?to=#id"})
ajax({url:"xxx?to=.class"})
pushState({}, "", "target.html?to=body")
pushState({to: "body"}, "", "target.html")
- 指定本次请求忽略Loading
ajax({url:"xxx?ig"})
- 手动调用Loading
import { loader } from "loading-web"
// options参数可选
loader(() => code, options)
或
import { loader } from "loading-web"
// options参数可选
const to = loader.show(options)
loader.hide(to)
- options数据结构
interface ILoadingOptions {
to: keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap | string // 默认为body
size?: string
color?: string // #1989fa
zIndex?: number
bg?: string
layerStyle?: string
}
3.0.4
8 months ago
3.0.3
8 months ago
3.0.2
8 months ago
3.0.6
6 months ago
3.0.5
8 months ago
3.0.1
11 months ago
3.0.0
11 months ago
2.0.10
2 years ago
2.0.3
2 years ago
2.0.2
2 years ago
2.0.5
2 years ago
2.0.4
2 years ago
2.0.7
2 years ago
2.0.6
2 years ago
2.0.9
2 years ago
2.0.8
2 years ago
2.0.1
2 years ago
1.0.0
4 years ago
0.1.0
4 years ago