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、保存页面,并运行,效果如下:
