layui的轮播图实现屏幕滑动

使用layui的轮播图实现

<div class="layui-carousel" id="test1" lay-filter="test1">
    <div carousel-item>
        <div style="background:red;">条目1</div>
        <div style="background:orange;">条目2</div>
        <div style="background:yellow;">条目3</div>
        <div style="background:green;">条目4</div>
        <div style="background:pink;">条目5</div>
    </div>
</div>

<script>
    var i = 0; //记录当前位置
    layui.use('carousel', function () {
   
        var carousel = layui.carousel;
        //建造实例
        ins = carousel