layer弹窗的一些样式问题
来源:互联网 发布:中国征兵人口数据 编辑:程序博客网 时间:2024/05/19 17:49
转自:http://blog.csdn.net/ztzy520/article/details/54375650
layer算现在比较火的前端框架了。由于本人审美太差,所以做前台基本都是凑(can)合(bu)凑(ren)合(du),于是就有了这篇博。昨天在改一个页面的弹窗样式的时候搞得我不要不要的,页面上有一个用来提示的layer弹窗,弹窗要给用户提示一个消息,还要提供给用户两个用来选择点击的按钮,layer弹窗里面如果加了按钮的话,默认第一个按钮和后面的按钮样式会不一样。
像这样:
,第一个按钮永远是蓝色的,怎么改style都没用。
后面去看了一下layer的官方API,找到了一个投机取巧的方法,成功搞定。先给上面这个弹出框的代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
后面找到的解决方法的代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
效果图:
上面的这个方法还可以实现一些其他功能,因为我们已经拿到了弹窗框里面的所以html内容,所以只要是在弹出框里面的东西,我们想改什么样式就改什么样式了/手动滑稽
还有一个方法,也可以实现。那就是不要让layer帮你在弹出框里面加按钮,你自己加,这样子你就可以自己设置弹出框的各种属性了。因为上面的content属性里面除了纯文字外还可以加html语言的。代码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
效果图:
上面的代码好混乱- -,看着强迫症都上来了。
这种方法个人觉得太麻烦了,尤其是对于我这种几乎没有审美观的人来说上面的那种方法就已经能够满足我了。但是如果你不觉得麻烦的话还是可以试试的。
阅读全文
0 0
- layer弹窗的一些样式问题
- layer弹窗的一些样式问题
- layer弹窗样式的修改
- 谈谈layer弹窗自定义样式,防止样式冲突问题(实习第七天)
- layer的Icon样式以及一些常用的layer窗口使用
- layer的Icon样式以及一些常用的layer窗口使用
- layer的Icon样式以及一些常用的layer窗口使用
- layer的Icon样式以及一些常用的layer窗口使用
- 窗体样式的一些问题
- css一些样式上的问题
- 关于Layer的问题
- 关于Layer的一些认识
- ios layer的一些学习
- ios layer的一些学习
- ios layer的一些学习
- ios layer的一些学习
- ios layer的一些学习
- ios layer的一些学习
- DECLARE_HANDLE宏解析
- MySQL中多表删除方法
- Postman使用官方文档翻译--18脚本语言转换
- FPGA学习笔记1——VGA显示
- Netty学习-非常好的博客
- layer弹窗的一些样式问题
- 64位Linux下安装mysql-5.7.13-linux-glibc2.5-x86_64
- javaScript的window.open()用法
- squid 3 配置LDAP及简单用户认证
- selenium webdriver元素定位
- jQuery DOM操作
- 解决listview嵌套gridview,gridview显示不全的问题
- shell编程速记
- 你要学习,你要学习,你要学习