这一期讲剩余的关于页面元素中的按钮、表单、导航、选项卡、表格和辅助；内置模块中的弹出层和轮播。
关于页面元素中的按钮：按钮这一个是我目前为止用的最多的。按钮的大小，是随着字数的个数而变化的。
这里面有分很多种样式总有一种是你想要的。样式如下：
按钮的颜色是可以更改的。在layui上按钮的颜色有五种，通过不同的类可以实现不同的颜色。
按钮需要一开始class里面有layui-btn，以此来告诉标签，这个是一个按钮。这样子也可以得到一个原始绿色的按钮。想要变成白色的按钮，需要在后面添加 layui-btn-primary；想要蓝色的按钮需要在后面添加layui-btn-normal；想要橙色的按钮，需要在后面添加 layui-btn-warm；想要红色的按钮需要在后面添加layui-btn-danger；若是想要禁用该按钮，需要在后面添加 layui-btn-disabled。想要什么效果就在layui-btn后面添加什么即可。
圆角效果则是在后面添加 layui-btn-radius就可以啦。想要设置按钮大小不同的需要在layui-btn后面添加内容。第一个是：layui-btn-lg；第二个是：默认的，不用添加，直接是layui-btn就可以了；第三是：layui-btn-sm；第四个是：layui-btn-xs可不要加错了哦。里面有图标的，则是需要在button标签里面嵌套一个i标签，就可以了。代码如下：需要补充一点，还需要在button标签中写上 type类型，里面写上button。不然的话，模态框是弹不出来的。别问问就是前人血的教训感悟出来的。
页面元素中的form表单：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能。意思就是说，form表单的内容想要显示出来，需要在JavaScript中初始化一下。就像是这样：
里面的样式有点多，我就不列举出来了。几乎是你想要的样式都有。只不过在获取省市县那个有，但是不是你想要的效果。
页面元素中的导航，导航这个我用得不是很多，反而是与这个导航相似的页面元素中的选项卡，我用的量，排名第三。里面有一个，是我的最爱，几乎每一个需要用到切换功能的，我都使用的这个。
想要实现这个的效果功能的代码如下：
类layui-tab-content的标签里面的内容，如下：
分别与上一张图片里面li标签的内容一一对应。切换的内容，可以在内容里面写上，会有不同的效果。如果你不喜欢这种样式，可以自己开layui框架的离线手册，来找到自己喜欢的样式。
关于导航的部分，我用的不是很多，也不是特别掌握，就不单拿出来说了，以免误人子弟就不好了。
这期分享的内容到此结束，下一期分享剩下的：页面元素中的表格和辅助；内置模块中的弹出层和轮播
关于页面元素中的按钮：按钮这一个是我目前为止用的最多的。按钮的大小，是随着字数的个数而变化的。
这里面有分很多种样式总有一种是你想要的。样式如下：
按钮的颜色是可以更改的。在layui上按钮的颜色有五种，通过不同的类可以实现不同的颜色。
按钮需要一开始class里面有layui-btn，以此来告诉标签，这个是一个按钮。这样子也可以得到一个原始绿色的按钮。想要变成白色的按钮，需要在后面添加 layui-btn-primary；想要蓝色的按钮需要在后面添加layui-btn-normal；想要橙色的按钮，需要在后面添加 layui-btn-warm；想要红色的按钮需要在后面添加layui-btn-danger；若是想要禁用该按钮，需要在后面添加 layui-btn-disabled。想要什么效果就在layui-btn后面添加什么即可。
圆角效果则是在后面添加 layui-btn-radius就可以啦。想要设置按钮大小不同的需要在layui-btn后面添加内容。第一个是：layui-btn-lg；第二个是：默认的，不用添加，直接是layui-btn就可以了；第三是：layui-btn-sm；第四个是：layui-btn-xs可不要加错了哦。里面有图标的，则是需要在button标签里面嵌套一个i标签，就可以了。代码如下：需要补充一点，还需要在button标签中写上 type类型，里面写上button。不然的话，模态框是弹不出来的。别问问就是前人血的教训感悟出来的。
页面元素中的form表单：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能。意思就是说，form表单的内容想要显示出来，需要在JavaScript中初始化一下。就像是这样：
里面的样式有点多，我就不列举出来了。几乎是你想要的样式都有。只不过在获取省市县那个有，但是不是你想要的效果。
页面元素中的导航，导航这个我用得不是很多，反而是与这个导航相似的页面元素中的选项卡，我用的量，排名第三。里面有一个，是我的最爱，几乎每一个需要用到切换功能的，我都使用的这个。
想要实现这个的效果功能的代码如下：
类layui-tab-content的标签里面的内容，如下：
分别与上一张图片里面li标签的内容一一对应。切换的内容，可以在内容里面写上，会有不同的效果。如果你不喜欢这种样式，可以自己开layui框架的离线手册，来找到自己喜欢的样式。
关于导航的部分，我用的不是很多，也不是特别掌握，就不单拿出来说了，以免误人子弟就不好了。
这期分享的内容到此结束，下一期分享剩下的：页面元素中的表格和辅助；内置模块中的弹出层和轮播
