layui框架的使用第四弹

这一期讲剩余的关于内置模块中的弹出层和轮播。只剩下最后两个内容，预示着这也是该系列最后一期内容。
内置模块中的弹出层：做项目的时候我使用的是关于layui框架的模板，所以直接在layui上面把弹出层实现出来的，我还没有尝试过。所以layui的弹出层我有使用，但是没有从layui文档里面一步步实现的使用，所以关于弹出层的分享可能会有点水分，以及一些准确性的问题。使用在参考我的文献关于弹出层的部分，需要谨慎使用。
弹出层的一般代码，需要在标签里面写，自己一个单独的div标签。与页面内容的div标签需要区分开来。弹出层的样式，全部写在自己的div上面。
Layui框架里面有说，如果你想你的弹出层是直接贴着页面的，也是可以的。代码如下：

open是打开的意思；type一般选择的是页面层；skin是可以改变弹出层标题哪一行的背景颜色，可以不是默认的绿色，具体更改为什么还是直接不用skin，我忘记了，你们可以摸索一下子，有了答案可以给我留言/评论。谢谢；

area是设置模态框的宽和高，可以任意调节。title是标题，是自定义的，但是希望不要乱填，要与原文符合地填。cancel是form表单上的id，当模态框多了的时候，可以区分出来你想要打开的模态框的内容是哪一个。layer.closeAll这个是当你触发了关闭的功能，它就会帮你把所有开启的都给关闭掉。防止资源浪费。
弹出层有很多种：提示框、加载层、tips层、 输入层、tab层和相册层。我就只说了提示框的衍生版。别的要是感兴趣，可以去layui框架的官方去查看，编辑哦~
内置模块中的轮播：轮播的使用量虽然不是特别庞大，但是几乎每一个项目里面都有它的身影，虽然整个项目下来关于轮播的部分可能只有三四处地方，但是鉴于每一次都有(ps:我接手的那些项目)，所以还是不得不重视的。而且在layUI框架上的轮播有一些地方比原生代码的js省略了非常多的地方。


这里是存放字体提示(ps:可有可无)的地方，条目中可以是任意内容，如：，这个是可以存放图片的意思，因为layui框架上面的轮播是默认的背景颜色的。需要多少张轮播，就有多少个div。
Layui框架上的轮播还有切换的功能：底部中间点击或者在两边点击，正如应了那一句话：你想要的样子它都有。



轮播并不是单打独斗的，它也是需要用到JavaScript，只是在里面写的内容没有原生js的代码多而已。原理都是一样的。

需要先引进layui框架的js才可以使用。

可以很明显地看出，layui框架给出来的注释也是非常好的。这样子你就可以根据你想要的来更改啦。接着在它的下面直接就有对应得参数，可以对着来更改。

Layui框架的这一系列结束啦