前端开发:layer之将页面以弹窗形式展示

目前开发项目时,用的是layer.js;感觉还不错,记录一下小功能:将页面以弹窗形式展示

1、项目中引入layer/layer.js库;

下载地址:https://download.****.net/download/qq_31122833/10830024

2、随便弄一个项目可以访问的页面,例如:path+'/web/open/showFunctionBox';

3、弹窗function
/**
 * 功能介绍
 * @param accessToken
 */
function showFunctionBox(accessToken) {
    var showFunctionBox = layer.open({
        type: 2,//弹窗类型
        title:'功能介绍',
        shadeClose: true,
        shade: 0.3,//背景暗度
        fixed:true,
        skin: 'layui-layer-rim', //加上边框
        area: ['57%','92%'],//宽高
        content: path+'/web/open/showFunctionBox?accessToken='+accessToken,//内容为页面
        btn: ['确认'],
        yes: function(){
            layer.close(showFunctionBox);//点击确认关闭弹窗
        }
    })
}

效果图:

前端开发:layer之将页面以弹窗形式展示