首先介绍的组件,包含alert
和confirm
两种样式,下面是它的使用方法:
在html文件中引入对应的css和js
js文件中调用
lnv.alert({
title: '提示',
content: 'content',
alertBtnText: '确定',
alertHandler: function(){
// 点击确定按钮的回调
}
})
效果如下:
js文件中调用
接下来介绍loading
组件,具有和iconloading
两种样式。
在html文件中引入对应的css和js
<link rel="stylesheet" href="widget/loading/loading.css">
<script src="widget/loading/loading.js"></script>
js文件中调用:
效果如下:
$.ajax({
url: url,
type: 'POST',
data: sendData,
beforeSend: function () {
//按钮内调用,需要传入按钮的jquery对象
lnv.iconloading("#submit_btn");
}
})
.fail(function (jqXHR, textStatus, errorThrown) {
})
.always(function () {
//在这里删除按钮loading
lnv.destroyloading("#submit_btn");
});
效果如下:
除了两个组件之外,我们也提供了一个帮助项目开发的util.js。
关于util.js,我们提供了两个常用的功能函数:
1.检测手机号码是否符合格式(匹配规则是第一位为1,其余有10位)
2.取出网址参数
// 假设当前的URL为 http://localhost:3000/index.html?phone=189888888889
console.log(lnv.getQueryString(phone)) // 189888888889