本篇文章给大家分享的是有关使用layui怎么实现一个二维码弹窗,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
function share(vote_id){
//二维码生成链接
var url = "{:U('Admin/Vote/logo')}?vote_id="+vote_id;
//弹窗
var index = layer.open({
//type:1 表示页面层
type: 1,
title: '分享二维码',
//是否点击遮罩关闭
shadeClose: true,
//样式类名,可以自定义弹窗样式
skin:'demo_share',
//弹层外区域
shade: 0.3,
maxmin: false, //开启最大化最小化按钮
//宽高
area: ['480px','320px'],
//内容
content: "<img src='"+url+"' alt=''>",
//弹窗下方的按钮
btn:['<i class="layui-icon" ></i>下载图片','取消','确定'],
//绑定第一个按钮的点击事件
btn1: function(index) {
//下载图片到本地
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = "分享投票二维码";
a.href = url;
a.dispatchEvent(event);
}
});
}
以上就是使用layui怎么实现一个二维码弹窗,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注天达云行业资讯频道。