README.md · miaoguoqiang/炫酷弹窗插件 hsycmsAlert.js

# 炫酷弹窗插件 hsycmsAlert.js

[演示地址](http://sywlgzs.gitee.io/hsycmsalert/index.html)

![hsycmsAlert](https://images.gitee.com/uploads/images/2020/0901/105308_177844d8_508872.gif "hsycmsAlert.gif")

#### 介绍
包括操作成功，操作失败，LOADING，自定义弹窗，普通弹窗，询问弹窗，提示窗等。

#### 安装教程

引入JS文件：jquery.js 和 hsycmsAlert.min.js
引入样式文件： hsycmsAlert.min.css

#### 使用说明

```

//普通弹窗 
   function alert(txt){     
      hsycms.alert(txt,()=>{
				console.log("关闭后");
			})
   }

//提示弹窗
   function tips(txt){
     hsycms.tips(txt,()=>{
       console.log("提示关闭后");
     },2000)
   }

//询问弹窗
   function confirm(){
      hsycms.confirm('确定要这么做',
         function(res){            
            hsycms.success('点击了确定');
         },
        function(res){
            hsycms.fail('点击了取消');
         },
      )
   }

//操作成功调用 
   function success(){
     hsycms.success('操作成功',()=>{  console.log('操作成功关闭后');  },1800)
   }

//操作失败调用
   function error(){
    hsycms.fail('操作失败',()=>{  console.log('操作失败关闭后');  },1800)
   }

//显示loading
   function loading(){
      hsycms.loading('正在加载');
      //2秒后隐藏
      setTimeout(res=>{
         hsycms.closeAll();
      },2000)
   }

</script>

```

miaoguoqiang/炫酷弹窗插件 hsycmsAlert.js

简介

发行版

贡献者

近期动态

miaoguoqiang/炫酷弹窗插件 hsycmsAlert.js .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

miaoguoqiang/炫酷弹窗插件 hsycmsAlert.js