先上具体实现方法。
首先,在 css 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):
.myskin{ background-color: transparent;/*背景透明*/ box-shadow: 0 0 0 rgba(0,0,0,0);/*前景无阴影*/ }
然后,
在准备弹出 layer 的时候:
layerIndex = layer.open({/*用于手动关闭弹出层*/ type: 1, title: false, closeBtn: 0, shadeClose: true, area: ['auto', '520'], skin: 'myskin',/*注意这里用到了我们前面给 layer 写的自定义 skin*/ content: html,/*自定义 html 内容,注意这里的整个 html 内容背景肯定是透明的*/ success: function(layero, index){ }, end: function(){ } });
这就 OK 了。
再说说上面实现方案的适用场景,一图以蔽之:
需求.png
完
作者:xiaofei_dev
链接:https://www.jianshu.com/p/c7386bc17489
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦