关于Layer web弹层组件的加载(loading)层位置居中问题
最近在项目中一直使用layerui的相应的提示框以及它的加载层,然而就在今天遇到了一个神奇的问题,我使用
var index = layer.load(0, {shade: false}); 结果一直偏左无法居中,也不知道什么原因,然后自己给它设置居中
offset设置top和left的偏移位置
layer.load(0,{ offset: ['50%', "50%"], shade: false }); 或者是: var width = document.body.offsetWidth; var wdithpx = (width / 2 - 37 / 2); var index = layer.load(1, { offset: ['50%', wdithpx], shade:false });
最后想推荐大家可以了解下layui这个开箱即用的前端Web框架,对于我们这些后端开发而言这真的是福音,并且并且样式也比较的大气美观(说明:没有打广告的意思,只是认为真的比较适合我们这些后端人员)。
Layer Web弹出层组件地址:https://layer.layui.com/
Layui前端框架地址:https://www.layui.com/
作者名称:追逐时光者
作者简介:一个热爱编程、善于分享、喜欢学习、探索、尝试新事物和新技术的全栈软件工程师。
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。如果该篇文章对您有帮助的话,可以点一下右下角的【♥推荐♥】,希望能够持续的为大家带来好的技术文章,文中可能存在描述不正确的地方,欢迎指正或补充,不胜感激。