# farmer-messager
**Repository Path**: tech-famer/farmer-messager
## Basic Information
- **Project Name**: farmer-messager
- **Description**: 一款带有动效的jquery消息组件，包含加载框、提醒框、确认框、输入确认框、多行输入确认框、进度条等。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 5
- **Forks**: 0
- **Created**: 2021-10-20
- **Last Updated**: 2022-07-11
## Categories & Tags
**Categories**: jquery-plugins
**Tags**: JavaScript, jQuery
## README
# farmer-messager
#### 介绍
一款带有动效的jquery消息组件，包含加载框、提醒框、确认框、输入确认框、多行输入确认框、进度条等。
#### 安装教程
1. 添加jQuery依赖和 farmer-messager依赖如下：
```
```
#### 使用说明
1. 加载框的使用，第一个参数为消息内容，第二个参数为加载时间（单位毫秒可缺省），加载时间到了自动删除加载框。如：
```
$.messager.loading("加载中",2000)
```
2. alert框的使用，第一个参数为标题，第二个参数为消息内容。如：
```
$.messager.alert("提示","测试");
```
3. 确认框的使用，第一个参数为标题，第二个参数为消息内容，第三个参数为回调回调方法。如
```
$.messager.confirm("提示","确定吗？",function(y){
if(y){
$.messager.alert("提示","确定")
}else{
$.messager.alert("提示","取消")
}
})
```
4. 带输入的确认框的使用，第一个参数为标题，第二个参数为输入框内提示，第三个参数为回调回调方法。如：
```
$.messager.promp("提示","输入值",function(y,val){
if(y){
$.messager.alert("提示","输入了：" +val)
}else{
$.messager.alert("提示","取消输入")
}
})
```
5. 带多行输入的确认框的使用，第一个参数为标题，第二个参数为输入框内提示，第三个参数为回调回调方法。如：
```
$.messager.prompArea("提示","输入值",function(y,val){
if(y){
$.messager.alert("提示","输入了：" +val)
}else{
$.messager.alert("提示","取消输入")
}
})
```
6. 进度条的使用，第一个参数为标题，第二个参数更新进度条的回调，第三个参数为进度100%的回调方法，第四个参数为更新进度条的间隔（单位毫秒可缺省）。如：
```
let num = 0;
$.messager.processBar("进度",function(postCall){
num += 20;
postCall(num)
},function(y){
if(y){
$.messager.alert("提示","完成")
}else{
$.messager.alert("提示","出错了")
}
},2000)
```
