首页 > 其他分享 >swiper4的一些使用点

swiper4的一些使用点

时间:2022-09-29 14:36:14浏览次数:55  
标签:container image background 使用 一些 swiper4 button swiper

 

 

1.如果想把箭头变成自己的,就直接在里面添加标签i

 <div class="swiper-button-prev" slot="button-prev">
                            <i class="iconfont icon-zuojiantou"></i>
                </div>
                        <div class="swiper-button-next" slot="button-next">
                            <i class="iconfont icon-youjiantou"></i>
                        </div>

然后再把里面的background-image设置为空

,那些直接调节,i在里面是sass嵌套的写法

 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
                    background-image:none;
                    height: 32px;
                    margin-top: -14px;
                    left: -24px;
                    i.iconfont.icon-zuojiantou{
                        font-size: 32px;
                    }
                }

 

 

2.不想让swiper鼠标滑动,就在在外层设置<swiper class="swiper-no-swiping" >

或者设置

new Swiper('.swiper-container', {
    speed: 0,
    allowTouchMove: false, // 这是用来禁止鼠标/手指拖动的,既然动效都不要了,那拖动可能也不要了
});

 

标签:container,image,background,使用,一些,swiper4,button,swiper
From: https://www.cnblogs.com/hechunfeng/p/16741433.html

相关文章

  • 同一台电脑,如何使用不同的github账号?
    不同的项目,可能将会面对不同的账号,如何实现同一台电脑使用不同的sshkey来访问不同的github账号呢解决思路如下:生产新的SSH密钥对,并且把它加到公司的邮箱中$ssh-keyge......
  • Rsync的简单使用
    Rsync的简单使用需求一个运行很久的系统里面可能包含了非常多的垃圾文件.但是又不可能随便删除,很多垃圾可能有某些奇葩的用法.有时候新建一个应用复制文件的话比......
  • 学习收-在 .NET 中使用 FluentValidation 进行参数验证
    安装FluentValidation新建了一个很简单的.NETCore的WebAPI程序,只有一个接口是用户注册,入参是一个User类,然后在Nuget中安装 FluentValidation。创建第一个验证对......
  • wazuh 文件完整性功能使用
    文件完整性配置Wazuh文件完整性监控(FIM)系统监视选定的文件并在这些文件被修改时触发警报。负责此任务的组件称为syscheck。此组件存储文件或Windows注册表项的加密......
  • Longhorn 的正确使用姿势:如何处理增量 replica 与其中的 snapshot/backup
    作者简介吴硕,SUSESeniorSoftwareDevelopmentEngineer,已为Longhorn项目工作近四年,是项目maintainer之一。本文将介绍Longhorn的基本功能和架构,replica和backup......
  • Python面向对象---类的基本使用
    1、面向对象类(class):是一种用来描述具有相同属性和方法的对象的集合。类变量:类变量在整个实例化的对象中是公用的。一般定义在类中且在函数体之外。方法:类中的函数数据成员:类......
  • hive中使用hive原生的json报错的问题
    默认我们使用的hive自带的json包格式,创建表时格式为:CREATEEXTERNALTABLE`ods.ods_test`(...)ROWFORMATSERDE'org.apache.hive.hcatalog.data.JsonSerDe'STO......
  • Oracle 12C R2-新特性-监控PDB资源使用情况
    1 说明在12.2中可以通过一系列的动态性能视图来监控PDB的资源使用情况,包括:CPU,并行执行语句,I/O,内存。都通过一个视图V$RSRCPDBMETRIC和V$RSRCPDBMETRIC_HISTORY来查询,几乎......
  • 使用Oracle的sshUserSetup.sh脚本配置SSH互信
    不管是在Oracle的GRID安装包,还是DB安装包里都有个脚本(sshUserSetup.sh),用于配置机器之间的SSH互信。配置互信,不仅仅在安装RAC需要配置。有时候我们需要配置ssh互信的时候,用......
  • uniapp 使用 uni.share分享功能报错 :fail:{"errMsg":"share:fail method 'share' not
    报错代码:<u-button:custom-style="customStyle"@click="share"><u-iconname="zhuanfa"color="#ffffff"size="35"></u-icon>分享</u-button>//分享s......