内置模块之轮播

1、基本使用

（1）导入layui.css文件和layui.js文件

（2）准备放轮播的容器（div）

轮播一般用来做主题展示、广告等等，所以一般都是放图片，其实放啥都行。
基本结构：

  

        

          
内容1（乐意放啥放啥，不一定非是图）
          
内容2
        
  

用来做图片展示：

   
        

          
>
          
>
          
>
          
>
          
>
        

（3）加载模块（carousel）、实例化一个轮播（carousel.render( { } ) ）

加载模块和其他模块是一样的方法，实例化的时候elem属性一定要设置，并且对应着轮播容器div的id值（相当于绑定）。一些基本属性还有：高度（height）、宽度（width）、自动播放（autoplay）、动画方式（anim）、自动切换时间（interval）等等。

完整代码：

    
        
        
        
        
    
    
    
    
        

          

            
内容1（乐意放啥放啥，不一定非是图）
            
内容2
          
        
        
        

          

            

            

            

            

            

          
        
    

结果图：

图片来源于网络。。。

image.png

2、常用参数

layui官方文档中提供了一个表，方便我们使用轮播。

image.png

以前写的一个小栗子也用到了轮播，可以参考一下使用。https://www.jianshu.com/p/44ccb532f5d1