layer.alert 提示框的样式种类

最新推荐文章于 2024-06-19 16:42:32 发布
最新推荐文章于 2024-06-19 16:42:32 发布
阅读量3.3k 收藏 9
点赞数 1
分类专栏： web前端 文章标签： layer alert 替换 css js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Monster_WangXiaotu/article/details/107488402
版权

页面需要提示业务语法如下：

layer.alert('    太好了！',{icon:1});   

样式1：{icon:1}


  样式2：{icon:2}

 样式3：{icon:3}


   样式4：{icon:4}

 样式5：{icon:5}

 样式6：{icon:6}

 样式7：{icon:7}

 icon>=8以上时，样式按7处理

 

 

希望对你开发有帮助

 

 

 

 

 

 

 

 

 

fothin
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layer 中的 layer.alert layer.msg layer.confirm
weixin_34315665的博客
03-02 2174
1、layer.alert 　　layer.alert('见到你真的很高兴', {icon: 6}); 　　效果图 layer.alert('墨绿风格，点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名 自定义样式 ,closeBtn: 1 // 是否显示关闭按钮 ,anim: 1 //动画...
LayUI框架js文件Layer.js
03-06
- `layer.confirm()`: 创建确认提示框，用户可选择确定或取消。 - `layer.msg()`: 创建消息提示框，通常用于短暂的提示信息。 - `layer.load()`: 显示加载层，一般在请求数据时使用。 - `layer.index`: 返回当前弹窗...
layer - 简单好用的Web弹出层组件使用详解6（弹出框的样式、参数设置）
你好，我姓刘
09-07 2334
（1）skin 属性可以传入 layer 内置的皮肤样式 class 名来改变整个弹出框的样式。默认情况下只有点击提示框上的关闭按钮才可以将其关闭，我们也可以将 shadeClose 设为为 true，从而实现点击弹层外区域（遮罩）也可以关闭提示框。（1）move 默认值为 .layui-layer-title，表示触发标题区域的拖拽。（1）title 属性除了可以简单地设置标题文字外，还可以附带上相关的 CSS 样式。（2）如果将 shade 设置为 0，则表示不需要遮罩（提示框变成非模态的）
详解Layer弹出层样式
08-29
学习layer弹出框，之前项目是用bootstrap模态框，后来改用layer弹出框，在文章的后面，我会分享项目的一些代码,需要的朋友可以参考下
layer弹窗按钮样式和提示文字内容如何修改？
最新发布
weixin_45390475的博客
06-19 287
btn: [“sure”, “cancel”], //修改按钮文字。btn: [‘sure’, ‘cancel’] //修改按钮文字。skin: ‘demo-class’, //自定义类名。layer.close(index) //关闭弹窗。layer弹窗按钮样式和提示文字内容如何修改？
layer弹出层框架alert与msg详解
热门推荐
欲寄彩笺兼尺素，山高水阔知何处
09-18 4万+
layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。  键: 值 描述
修改layer弹窗按钮样式
impossible1994727的博客
01-28 2106
参考下图代码： layer.alert('请选择支付方式!', { anim: -1, skin: 'demo-class',//layer自定义的class offset: ['200px', ''] }) 如上面的代码协商skin，然后就可以修改样式了 body .demo-class .layui-layer-btn0 { background-color: #FF2424;
layer.alert回调函数执行关闭弹窗的实例
10-16
在文章提供的代码示例中，layer.alert弹出了一个带有图标，并且没有关闭按钮的提示框，并在用户点击确定后执行了一个回调函数。在这个回调函数中，首先手动关闭了弹窗，这一步是通过调用layer.close(index)实现的，...
Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码
10-14
5. 结合Bootstrap的类：在创建告警框元素时，需要添加特定的Bootstrap类，如"alert", "alert-success"等，以确保告警框具有Bootstrap的样式。 6. 可交互性增强：文章中还提到通过监听hover事件，当用户将鼠标移动到...
解决layer.confirm选择完之后消息框不消失的问题
10-16
开发者在使用Layer框架的confirm方法创建提示信息框时，可能会遇到一个问题，即在用户作出选择（如点击确定或取消按钮）后，提示框没有按照预期消失，导致后续的页面内容或提示信息显示在了消息框之后。这个问题会...
解决layer弹出层msg的文字不显示的问题
12-01
今天在做项目的时候，做了一个弹出层，需要提示，就写了一个 layer.msg('雅蠛蝶 O.o', { icon: 6 ,btn: ['嗷','嗷','嗷'] }); 可是结果却是这样的 雅蠛蝶看不见 查了好久，才知道是我代码的css设定了文字是白色，所以看不见。因为没有找到修改msg背景的办法，所以可以根本文字的颜色 layer.msg('雅蠛蝶 O.o', { icon: 6 ,btn: ['嗷','嗷','嗷'
layer.js用法例子
08-28
`layer.js`提供了多种类型的弹层，包括提示信息（msg）、信息框（alert）、确认框（confirm）、自定义内容（content）等。 - **提示信息**：用于快速显示简单的提示信息。 ```javascript layer.msg('这是一个提示...
Layui layer.alert详解
Effotzjw_小白慢慢踏全栈
05-15 9552
layer.alert('感叹号', { icon: 0, title: '提示' }) layer.alert('对勾', { icon: 1, title: '提示' }) layer.alert('红叉', { icon: 2, title: '提示' }) layer.alert('问号', { icon: 3, title: '提示' }) layer.alert('灰锁', { icon: 4, title: '提示' }) layer.alert('红哭脸', { icon: 5, title
layer常用提示框用法
Alice_qixin的博客
04-17 3万+
一 layer的普通提示框 效果： 代码： layer.alert('次案件已回库，请选择其他案件', { icon: 5, title: "提示" }); title属性不设置时默认为“信息”。如下 二 layer 带输入框的提示框 效果： 注意！必须引入layer.j
【若依(ruoyi)】弹框图标 / layer 图标
sayyy的专栏
07-07 2086
前言 ruoyi 4.6 layer 3.1.1 弹框图标 / layer 图标 若依(ruoyi) 使用 layer做弹框。layer指定的图标即为弹框使用的图标。 图标文件 图标数字从左往右依次为：0、1、2、… 示例 layer.alert('酷毙了', {icon: 1}); ...
layui弹出层：使用icon图标小结
草巾冒小子的博客
08-09 2012
文章目录layui弹出层：icon图标小结表格示下：调用代码 · 效果图 · 示下： layui弹出层：icon图标小结 layui的弹框插件layer中，有很多不同场景需要的弹框icon图标，今天小结一下，方便以后使用； 官方文档地址：https://layer.layui.com/ 表格示下： icon截图 · 说明 建议场景 icon: 调用代码 调用代码示例 1 默认：无图标 任意 默认：无需设置 默认：无需设置 2 警示提醒类 0 icon: 0 3
layer弹出层php,layer官方演示与讲解（jQuery弹出层插件）
weixin_29254029的博客
03-18 393
特别说明：事件需自己绑定，以下只展现调用代码。//初体验layer.alert('内容')//第三方扩展皮肤layer.alert('内容', {icon: 1,skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅})//询问框layer.confirm('您是如何看待前端开发？', {btn: ['重要','奇葩']...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值