# k-layer

> a popup layer components

Latest version **0.1.2** (published 2018-08-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install k-layer
pnpm add k-layer
yarn add k-layer
bun add k-layer
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2018-08-10 |
| First published | 2018-08-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 267.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 735900718 |
| Maintainers | hebxtlyk |

## Links

- npm: https://www.npmjs.com/package/k-layer
- npm.io page: https://npm.io/package/k-layer

## Recent versions

- 0.1.2 (latest) — 2018-08-10
- 0.1.1 — 2018-08-10
- 0.1.0 — 2018-08-10

## README

## k-layer

layer弹窗的代替插件，不依赖jquery

## 使用方法：

### message提醒：
``` javascript
klayer.msg(/* 提醒内容 */, /* 提醒存在时间，单位ms，默认1000 */);
```
### open弹窗:
``` javascript
klayer.open({
  title: '提醒',                         //标题内容，默认“提醒”
  content: DOM || 'hello world!',       //提醒内容，支持直接挂载DOM元素
  btn: ['btn1', 'btn2', 'btn3'],        //按钮内容，数组形式可以添加多个按钮
  hideClose: true,                      //是否隐藏关闭按钮，默认false
  hideShadow: true,                     //是否隐藏遮罩层，默认false
  skin: 'error',                        //添加自定义class名
  direct: 'l',                          //弹窗出现位置：可选值有 l、t、b、r、lt、lb、rt、rb
  success: function(id, dom) {},        //打开成功后的回调
  btn1: function(id, dom) {             //按钮的回调，接收参数为“弹窗编号”（可以用于js关闭弹窗）和弹窗DOM元素
    console.log('btn1', id, dom);
  },
  btn2: function(id, dom) {             //第二个按钮的回调，其余按钮的回调依次递增btn后的数字
    console.log('btn2', id, dom);
  },
  btn3: function(id, dom) {
    klayer.close(id);                   //关闭某一个弹窗
  }.bind(this),
  close: function(id, dom) {},          //关闭按钮的回调
  end: function(id, dom) {}             //弹窗被摧毁后的回调
});
```

### loading加载：
``` javascript
var load = klayer.load();               //返还加载层id
```

### close关闭：
``` javascript
klayer.load(klayerID);                  //指定要关闭的id
```

### closeAll关闭所有弹窗:
``` javascript
klayer.closeAll();                      //关闭所有弹出层
```

---
_Source: https://npm.io/package/k-layer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._