layui實現一個圖片點擊放大

2019-10-27 01:58:45??盧浮宮??版權聲明：本文為站長原創文章，轉載請寫明出處 QQ分享

一、背景

業務需求，實現一個圖片點擊放大功能。之前有說個一個寫div，遮罩層的思路(可以參考之前的文章)

二、解決方案

因為整體使用的是layui，所以就考慮使用layui本身實現其功能。網上查了相關資料，然后這里記錄下

三、直接貼代碼吧layer.open({

type: 1,

title: false,

closeBtn: 0,//隱藏關閉按鈕

shade: [0.3, '#000'],//黑色背景(0.3代表顏色深度)

shadeClose: true,//點擊遮罩關閉大圖

area: [700 + 'px', 700 + 'px'], //寬高

resize:false,//不可拖拽縮放

skin: 'myskin',//大圖背景色定義類

content: ""

});

更多精彩請關注guangmuhua.com

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的layui 怎么设置点击图片放大_layui实现一个图片点击放大的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。