是不是要在public目录下建support
hlml代码是如下
<html><head>
<meta charset="utf-8">
<title>轮播图</title>
<link rel="stylesheet" href="./layui/css/layui.css">
<style>
.layui-carousel {
width: 100% !important;
height: 60px !important;
}
.layui-carousel-ind {
display: none !important;
}
.layui-carousel>[carousel-item]>* {
text-align: center;
line-height: 60px;
}
.carousel-img {
vertical-align: middle;
max-width: 100%;
max-height: 60px;
}
</style>
</head>
<body marginwidth="5" marginheight="5">
<div class="layui-carousel" id="test1" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 60px;">
<div carousel-item="">
<div class=""><a href="https://huaweicloud.com" target="_blank" title="华为云，本站主机商"><img class="carousel-img" src="https://s.sx.sd/2025-01-03/1735893031-241609-huawei.png"></a></div>
<div class=""><a href="https://alay.cc" target="_blank" title="alay大佬blog"><img class="carousel-img" src="https://s.sx.sd/2025-01-03/1735893022-365382-alaycc.jpg"></a></div>
<div class="layui-this"><a href="https://oracle.com" target="_blank" title="甲骨文云，本站test主机商"><img class="carousel-img" src="https://s.sx.sd/2025-01-03/1735893003-562681-oracle.jpg"></a></div>
<div class=""><a href="https://www.nodeloc.com" target="_blank" title="大名鼎鼎的NL，摩拜对象"><img class="carousel-img" src="https://s.sx.sd/2025-01-03/1735892988-726046-nodeloc.png"></a></div>
</div>
<div class="layui-carousel-ind"><ul><li class=""></li><li class=""></li><li class="layui-this"></li><li class=""></li></ul></div><button type="button" class="layui-icon layui-icon-left layui-carousel-arrow" lay-type="sub"></button><button type="button" class="layui-icon layui-icon-right layui-carousel-arrow" lay-type="add"></button></div>
<script src="./layui/layui.js"></script>
<script>
layui.use('carousel', function(){
var carousel = layui.carousel;
carousel.render({
elem: '#test1'
,width: '100%'
,height: '60px'
,arrow: 'none'
,autoplay: true
,interval: 2000
});
});
</script>
</body></html>
