设置layui轮播条高度和宽度
LayUI
2025-01-25 08:10
85
0
<div class="layui-carousel" id="test1">
<div carousel-item>
<div style="background: url('img/5.jpg');"></div>
<div style="background: url('img/6.jpg');"></div>
<div style="background: url('img/7.jpg');"></div>
<div style="background: url('img/9.jpg');"></div>
</div>
</div>
<script>
layui.use(['carousel', 'form'], function(){
var carousel = layui.carousel
,form = layui.form;
//设定各种参数
//建造实例
carousel.render({
elem: '#test1'
,width: '100%' //设置容器宽度
,height: '200px'
,arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
</script>
