layui實現(xiàn)一個圖片點(diǎn)擊放大

2019-10-27 01:58:45??盧浮宮??版權(quán)聲明：本文為站長原創(chuàng)文章，轉(zhuǎn)載請寫明出處 QQ分享

一、背景

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

二、解決方案

因為整體使用的是layui，所以就考慮使用layui本身實現(xiàn)其功能。網(wǎng)上查了相關(guān)資料，然后這里記錄下

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

type: 1,

title: false,

closeBtn: 0,//隱藏關(guān)閉按鈕

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

shadeClose: true,//點(diǎn)擊遮罩關(guān)閉大圖

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

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

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

content: ""

});

更多精彩請關(guān)注guangmuhua.com

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。