0.0.6 • Published 1 year ago
@w07/js-tool v0.0.6
js-tool
npm i @w07/js-tool
覆盖加载状态
<div class="box"></div>
import {WLoading} from "@w07/js-tool";
//svgTyp=>['cricle1','cricle2','cricle2','line1','line2','line3','line4','line5']
let wLoading = new WLoading({ domSelector: ".box", zIndex: 100, backgroundColor: "rgba(0,0,0,0.4)", svgTyp="line5", svgSize = 2, svgColor = "#FF6700" });
wLoading.show();
wLoading.hide();
import {WLoading} from "@w07/js-tool";
//自定义加载图标
let wLoading = new WLoading({ domSelector: ".box", zIndex: 100, backgroundColor: "rgba(0,0,0,0.4)", imgSrc:"./assets/vue.svg",imgClass="box_img",imgStyle="width:60px;" });
wLoading.show();
wLoading.hide();
<div class="box">目标元素</div>
<div class="box_loading" style="display:none;">加载中...</div>
//自定义加载组件
import {WCustomLoading} from "@w07/js-tool";
let wLoading = new WCustomLoading({ domSelector: ".box", diaDomSelector:".box_loading" zIndex: 100 });
wLoading.show();
wLoading.hide();
import {WLoading} from "@w07/js-tool";
let wLoading = new WLoading();
wLoading.setLoadingDom(".box");
wLoading.show();
wLoading.hide();
//多异步加载状态
import {WLoading} from "@w07/js-tool";
let wLoading = new WLoading({ domSelector: ".box" });
wLoading.show();
setTimeout(() => {
wLoading.hide();
}, 1000);
wLoading.show();
setTimeout(() => {
wLoading.hide();
}, 1000);
大数运算
import {BigNumber} from "@w07/js-tool";
let m1 = new BigNumber('99999999999999999999');
let m2 = new BigNumber('88888888888888888888');
console.log(m1.add(m2).originalStr()); //加
console.log(m1.sub(m2).originalStr()); //减
console.log(m1.mul(m2).originalStr()); //乘
console.log(m1.div(m2,6).originalStr()); //除(无限小数需要传保留位数)
console.log(m1.add(m2).mul(m2).originalStr()); //链式调用
console.log(m1.add(12).mul('232323232').sub('0.1').originalStr()); //链式调用