dedecms幻灯片调用代码

{dede:arclist row='5' titlelen='30' typeid='0' orderby='rand'}
    <div class="slide-item">
        <img src="{dede:field name='litpic'/}" alt="{dede:field name='title'/}">
        <h3>{dede:field name='title'/}</h3>
        <p>{dede:field name='description'/}</p>
    </div>
{/dede:arclist}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<script>
    $(document).ready(function(){
        $('.slide-item').slick({
            autoplay: true,
            autoplaySpeed: 2000,
            dots: true,
            arrows: true
        });
    });
</script>