# alay

**Repository Path**: axspic/alay

## Basic Information

- **Project Name**: alay
- **Description**: alay 是一个简易的前端消息窗插件，js脚本+css样式代码只有4kb大小，并且只需要引用单个js文件即可使用，非常方便
- **Primary Language**: JavaScript
- **License**: WTFPL
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-03-23
- **Last Updated**: 2024-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# alay 消息插件
alay 是一个简易的前端消息窗插件，js脚本+css样式代码只有4kb大小，并且只需要引用单个js文件即可使用，非常方便
## msg 消息框
弹出一个消息窗
* 语法
> alay.msg(content, [time])  
content : 消息内容  
time : 消息窗持续时间，默认2秒（单位：毫秒）
* 示例
```
<script src="/alay.min.js"></script>
<script>
    // 弹出提示消息
    alay.msg('提示消息')
    // 弹出提示消息，持续3秒后消失
    alay.msg('提示消息',3000)
</script>
```
## loading 加载框
弹出一个加载框，返回一个元素标识（加载框需要手动关闭）
* 语法
> alay.msg([content])  
content : 提示文字，默认 “加载中”  
alay.close(elementid)
elementid : 加载框的元素标识
* 示例
```
<script src="/alay.min.js"></script>
<script>
    // 弹出加载框
    let elm = alay.loading()
    setTimeout(o => { // 设定2秒定时器
        alay.close(elm) // 关闭加载框
    }, 2000)
</script>
```
## alert 提示框
弹出一个提示框，需要用户点击关闭
* 语法
> alay.alert(content, [callback], [title])  
content : 提示文字，默认 “加载中”  
callback : 关闭提示框时执行的回调函数，点击确认按钮回调参数返回true，其他方式关闭返回false  
title : 提示框标题，默认 “消息”
* 示例
```
<script src="/alay.min.js"></script>
<script>
    // 弹出提示框
    alay.alert('提示的消息内容', r => {
        // 点击确认关闭r为true，其他方式关闭r为false
        console.log('关闭了提示框：' + r)
    })
</script>
```
## confirm 确认框
弹出一个确认框，需要用户操作关闭
* 语法
> alay.confirm(content, [callback], [title])  
content : 提示文字，默认 “加载中”  
callback : 关闭确认框时执行的回调函数，点击确认按钮回调参数返回true，其他方式关闭返回false  
title : 确认框标题，默认 “消息”
* 示例
```
<script src="/alay.min.js"></script>
<script>
    // 弹出确认框
    alay.confirm('确认的消息内容', r => {
        // 点击确认关闭r为true，其他方式关闭r为false
        console.log('关闭了确认框：' + r)
    })
</script>
```