溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關使用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怎么實現一個二維碼彈窗，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
