首页 > 其他分享 >默认显示三张,第一张和第三张只显示一半,中间全部显示,点击可左右切换默认显示一二张

默认显示三张,第一张和第三张只显示一半,中间全部显示,点击可左右切换默认显示一二张

时间:2024-04-11 17:45:57浏览次数:26  
标签:pagination 第三张 button 显示 默认 true swiper

 

项目地址:

https://github.com/holiday0912/SwiperPreView

 

 

 

  var swiper = new Swiper(".swiper-container", {
    autoplay: false,
    loop: true,
    initialSlide: 2,
    spaceBetween: 20,
    centeredSlides: true,
    slidesPerView: 1.9,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    // 如果需要前进后退按钮
    // navigation: {
    //   nextEl: ".swiper-button-next",
    //   prevEl: ".swiper-button-prev",
    // },
  });

 

标签:pagination,第三张,button,显示,默认,true,swiper
From: https://www.cnblogs.com/hechunfeng/p/18129739

相关文章

  • LCD液晶超抗干扰段码显示屏驱动芯片VK1C21A/B/C/D/DA/E/EA具备显示效果好,静电耐压高等
    概述:VK1C21A/B是一个点阵式存储映射的LCD驱动器,可支持最大128点(32SEGx4COM)的LCD屏,也支持2COM和3COM的LCD屏。单片机可通过3/4个通信脚配置显示参数和发送显示数据,也可通过指令进入省电模式。具备高抗干扰,显示效果好,静电耐压高等优良特性,可替代市面上大部分LCD驱动芯片。 特点:......
  • 右击canvas画布时,显示自定义菜单
    <style> .clickRightMenu{ width:110px; background-color:#fff; font-size:12px; position:absolute; text-align:left; padding:2px0; border:1pxsolid#ccc; display:none; z-index:100; } .clickRightMe......
  • echarts地图默认高度
    echarts地图如果不设置默认高度,地图绘制的时候一直有个默认100px,即使地图的父级都设置了width:100%;height:100%;地图还是不能在高度上继承父级高度。除非你给父级一个确定的高度,比如200px这种。所以解决办法来了,你可以试试width:100%;height:100vh:这里的100vh就拿到了浏览器......
  • 第二节:C#12新语法(主构造函数、集合表达式、默认Lambda参数)
    一.        二.        三.         !作       者:Yaopengfei(姚鹏飞)博客地址:http://www.cnblogs.com/yaopengfei/声     明1:如有错误,欢迎讨论,请勿谩骂^_^。声     明2:原创博客请在转载......
  • 威伦触摸屏_数据取样与显示
    1.介绍可以对生产的关键数据进行可视化,并且可以根据日期查询历史数据,以进行生产分析。2.成品图1.曲线图:用来显示监控数据的实时曲线数据。2.取样值:用来显示监控数据的实时数据。3.暂停取样控制:停止曲线图的数据采样,但不会影响数据本身变化。所以当曲线图暂停后,取样值还是......
  • 千万不要将centos中python 默认2.7的编译器改为3.x的,会出现File “ usr bin yum“, li
    千万不要将centos中python默认2.7的编译器改为3.x的,在使用yum时,会报各种错,1、File"/usr/bin/yum",line30  exceptKeyboardInterrupt,e:原因是yum按python3.6解析2.7的语法出错了修改/usr/bin/yum文件中的第一行为#!/usr/bin/python2.72、 File"/usr/libexec/url......
  • 抗干扰低功耗段码LCD液晶显示屏驱动芯片(IC)-VK2C21A,用于温控器,电动车汽车仪俵等
    VK2C21是一个点阵式存储映射的LCD驱动器,可支持最大80点(20SEGx4COM)或者最大128点(16SEGx8COM)的LCD屏。单片机可通过I2C接口配置显示参数和读写显示数据,也可通过指令进入省电模式。其高抗干扰,低功耗的特性适用于水电气表以及工控仪表类产品。L23+01特点:•工作电压2.4-5.5V•内......
  • 数码相框-显示bmp图片
    写主函数和测试功能#include<unistd.h>#include<stdlib.h>#include<stdio.h>#include<config.h>#include<draw.h>#include<encoding_manager.h>#include<fonts_manager.h>#include<disp_manager.h>#include<inpu......
  • 在linux中迁移Docker默认镜像存储路径解决磁盘空间满的问题
    通过yum或者apt安装的docker通常数据存储在/var/lib/docker/,包括镜像、运行数据等。然而这个目录是在根目录下面,容易导致系统盘满了。如果出现这种情况就需要迁移docker的默认目录。以下基于此说明。本文使用到的docker版本为DockerVersion:24.0.5,宿主机为CentOS7。不......
  • echarts X轴类目名太长时隐藏,hover时显示全部
    echarts图表X轴在柱状图中,X轴类目名如果数据太长;echarts会默认进行隐藏部分字段;如果我们想让每一个类目名都显示出来,需要进行额外的处理X轴类目名太长时,默认只显示一部分类目名<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="......