微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Owl-item 之间的空项目

如何解决Owl-item 之间的空项目

我正在将 owl carousel 应用于产品列表,并且在元素中间生成一个空的 owl-item。 这会创建一个非常宽的右侧空白区域。 例如:https://www.tia.com.ec/cybermami?lid=9ef0d86b-df76-4760-b8ab-fd5d707b29de enter image description here

  $(document).ready(function(){
        $('.showcase-owl-surtidos .vitrina ul').addClass('owl-carousel'),$('.showcase-owl-surtidos .vitrina ul').owlCarousel({
                  items: 6,autoplay: true,loop: false,rewind: true,autoplay: true,stopOnHover: !0,pagination: !1,itemsDesktop: [1299,5],itemsDesktopSmall: [1099,4],itemsMobile: [575,2],navigation: !0,navigationText: [
                    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43.751" height="65.502" viewBox="0 0 43.751 65.502"><defs>  <filter id="Left" x="0" y="0" width="43.751" height="65.502" filterUnits="userSpaceOnUse">    <feOffset dy="3" input="SourceAlpha"/>    <feGaussianBlur stdDeviation="3" result="blur"/>    <feFlood flood-opacity="0.161"/>    <feComposite operator="in" in2="blur"/>    <feComposite in="SourceGraphic"/>  </filter></defs><g transform="matrix(1,1,0)" filter="url(#Left)">  <path id="Left-2" data-name="Left" d="M61.551,1107.8,39.8,1129.555l21.751,21.751" transform="translate(-28.8 -1099.8)" fill="none" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/></g></svg>','<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43" height="64" viewBox="0 0 43 64">  <defs>    <filter id="Right" x="0" y="0" width="43" height="64" filterUnits="userSpaceOnUse">      <feOffset dy="3" input="SourceAlpha"/>      <feGaussianBlur stdDeviation="3" result="blur"/>      <feFlood flood-opacity="0.161"/>      <feComposite operator="in" in2="blur"/>      <feComposite in="SourceGraphic"/>    </filter>  </defs>  <g transform="matrix(1,0)" filter="url(#Right)">    <path id="Right-2" data-name="Right" d="M21,21,42" transform="translate(32 50) rotate(180)" fill="none" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>  </g></svg>',],});
        });

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。