前端开发: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);//点击确认关闭弹窗
}
})
}
效果图: