前端开发：Layer之将页面以弹窗形式展示

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

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

下载地址：layer下载

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);//点击确认关闭弹窗
        }
    })
}

效果图：