layui 弹框如何使用

1、需要到layui官网下载js API文件，并将js文件添加到项目中。

2、新建页面文件，将js文件引入页面。注意，Common.HtmlHelper.Script为作者自定义方法，目的是为了给js添加版本号，防止缓存

@Common.HtmlHelper.Script("~/Scripts/json2.js" , "~/Scripts/layui/layui.js")

3、编写js，设置layui的各个组件的位置。目的是为了后面快捷引用各个模块。

        layui.config({

            base: virthpath + "/Scripts/layui/lay/exmodules/",

            version:"@Common.WebConfigHelper.DateVersion"   // 版本时间戳

        });

4、编写js，调用layui的com组件，实现弹框。

com.open({

            "url": "/index",//设置弹出框的内容地址

            "title": "弹框"

        });

5、保存页面，并运行，效果如下：