html5 layer.msg,解决layer弹出层msg的文字不显示的问题

解决layer弹出层msg的文字不显示的问题

今天在做项目的时候，做了一个弹出层，需要提示，就写了一个

layer.msg('雅蠛蝶 O.o', {

icon: 6

,btn: ['嗷','嗷','嗷']

});

可是结果却是这样的

雅蠛蝶看不见

查了好久，才知道是我代码的css设定了文字是白色，所以看不见。因为没有找到修改msg背景的办法，所以可以根本文字的颜色

layer.msg('雅蠛蝶 O.o', {

icon: 6

,btn: ['嗷','嗷','嗷']

});

以上这篇解决layer弹出层msg的文字不显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2019-09-09

layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常情况下,除

在ifram中layer.alert 只展示当前页面 如何让弹框在整个页面中展示 而不是在ifram中 parent.parent.layer.alert('请输入预约人'); 本以为这样就可以 在主页面中还需要引入layer 否则总是提示parent.laye

前几天使用layer.msg设置时间后发现不起作用,这里记录一下. 开始出错误的代码: 后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中: //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time:

之前在项目中使用layer弹框感觉体验很好,这次的项目中就引入了,但是引入之后,弹出层如下图: 代码: layer.msg("密码不正确!", {icon:5,time:1000}); 并没有显示出图标! F12查看才发现如下报错: http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js 于是找到 layer.js,搜索 layer.css ,会搜索到两处地方,修改第二

在参与的一个项目中,有一个这样的需求,导入基础数据成功后,默认弹出一个管理员登录页,点击登录按钮,需要跳到管理页面. 导入页按钮: 导入 导入按钮的点击事件,点击后会

在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题,页面一直显示空白,现在用加载图片来过渡这种状态:

如果你的open方式是1(html)的话这样是可以的, 如果是2(iframe)方式打开,你把注入的代码写在打开的界面就可以了不用这样写,open的参数type是有区别的,所以请注意: 今天在开发项目时候使用到了laydate,按照官方文档说明使用发现出现下面的问题: 1.在正常页面中使用laydate组件没有问题,点击可以正常显示出来 2.但是在layer.open打开一个窗体后就没有效果了 分析思路:由于页面的加载如果js在页面元素显示之前就执行,那么就会出现无法渲染组件的问题,所有决定等元

最近使用layer框架来做页面弹出框操作.总是不能获取弹出框中input的值,代码如下:红色标记区域 添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0.8, btn: ['保存', '取消'], area: ['40%', '70%'], content: $('#add_Brand').html(), yes:function(inde

在layer.msg中,可以通过time来更改时间,但是总会关闭,设置一个很长的时间又显得不专业,有没有方法,设置其不默认关闭,就像layer.load 方法一样. 答案是有的.毕竟layer 已经足够完善和优秀,正是因为完善,才需要我们发掘它的用法,这里做一个记录. layer.msg() 的配置参数中有一项time,将其设置为false即可. 举个例子: var myMsg = layer.msg('处理中', { shade: 0.4, time:false //取消自动关闭 }); la

前两天在Vue中引入了Vue-layer插件,实现了弹出层效果.不过由于是在22寸屏下开发的,没多想,弹出层的area的长宽就设定的都是800px,效果还很好.结果那给用户看,他们是12寸的笔记本.弹出层直接撑爆了页面,无法关闭... 网上的解决方案大都是以下几种: 1.改成百分比形式.有bug,下面细说. 2.改成em,rem等.同上 3.采用area:auto.可能是因为采用了swiper的原因吧,这样设置会导致弹出层出现"顶天立地"的效果 4.采用iframeAuto.这个没太搞