需求是在页面上点击“生成二维码”按钮,页面弹出显示二维码图片,由用户点击关闭。二维码可以在前台使用js生成也可以在后台生成,两种方式网上都有很多例子。我们团队对前端懂得都不是很多,使用js在前端生成时候出现不少问题,而且考虑到其他需求我们在后端生成二维码并把图片路径传到页面来显示。
一开始想用layer.photos相册层来做,但是多次尝试并没有解决问题,controller里面拼装json数据也没效果。最后是使用layer.tab来实现功能。
var img = "<img src='(返回的图片路径)' id='img1' width='200px' height='200px'/>"
layer.tab({
area: ['300px', '300px'],
tab: [{
title: '标题',
content: img
}]
});
效果就是这样的