首先介绍的组件,包含alertconfirm两种样式,下面是它的使用方法:

    在html文件中引入对应的css和js

    js文件中调用

    1. lnv.alert({
    2. title: '提示',
    3. content: 'content',
    4. alertBtnText: '确定',
    5. alertHandler: function(){
    6. // 点击确定按钮的回调
    7. }
    8. })

    效果如下:

    js文件中调用

    confirm

    接下来介绍loading组件,具有和iconloading两种样式。

    在html文件中引入对应的css和js

    1. <link rel="stylesheet" href="widget/loading/loading.css">
    2. <script src="widget/loading/loading.js"></script>

    js文件中调用:

    效果如下:

    1. $.ajax({
    2. url: url,
    3. type: 'POST',
    4. data: sendData,
    5. beforeSend: function () {
    6. //按钮内调用,需要传入按钮的jquery对象
    7. lnv.iconloading("#submit_btn");
    8. }
    9. })
    10. .fail(function (jqXHR, textStatus, errorThrown) {
    11. })
    12. .always(function () {
    13. //在这里删除按钮loading
    14. lnv.destroyloading("#submit_btn");
    15. });

    效果如下:

    loading2

    除了两个组件之外,我们也提供了一个帮助项目开发的util.js。

    关于util.js,我们提供了两个常用的功能函数:

    1.检测手机号码是否符合格式(匹配规则是第一位为1,其余有10位)

    2.取出网址参数

    1. // 假设当前的URL为 http://localhost:3000/index.html?phone=189888888889
    2. console.log(lnv.getQueryString(phone)) // 189888888889