swiper

解决vue-awesome-swiper点击事件失效的问题 ===“版本号（vue-awesome-swiper“: “^3.1.0）

解决vue-awesome-swiper点击事件失效的问题===“版本号（vue-awesome-swiper”:"^3.1.0）最新做项目使用了vue-awesome-swiper（3.1.0版本）轮播插件遇到的坑
西门吹雪~·2023-07-13 16:34

仿抖音首页界面

目录效果图顶部相关代码顶部效果图内容相关代码内容效果图底部导航栏相关代码底部导航栏效果图完整代码htmlcssjsflexible.js要想做出抖音短视频的首页界面，我们要引用swiper插件、还需要用到
哆啦A梦没有口袋Y·2023-06-23 19:23

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

id=13153效果图如下：#cc-mySwiper####使用方法```使用方法```####HTML代码实现部分```htmlexportdefault{data(){return{menuArr:
前端组件开发·2023-06-23 10:05

ES6 + stylus + zepto.js + webpack4.x 使用示例

ES6+stylus+zepto.js+webpack4.x项目示例在线预览(chrome浏览器下F12切换到手机模式)源码地址image.png项目步骤1.yarnaddswiperzepto2.起先是想用
漫漫江雪·2023-06-23 08:07

vue3+vite+ts引入swiper并使用

安装swiper版本npminstallswiper@7.4.1import{Swiper,SwiperSlide}from"swiper/vue";import"swiper/css";import{
独步炎凉的大彬·2023-06-23 08:21

ionic1开发之造一个简单的Swiper

关于Swiper，这里就不再多说。ionic的ion-slides组件也是基于Swiper的再封装。
hhjjj1010·2023-06-22 18:31

vue项目中使用swiper的经验总结（vscode）

一、swiper初始化目前最新版本是swiper7，每个版本的使用方法都略有不同，具体可看官网使用教程swiper使用办法，一般通过npm安装npminstall-Sswiper同时需要注意的是vue3
BBC蟹耳总·2023-06-22 13:47

vue使用swiper三行轮播问题

1、轮播图设置属性slidesPerColumn:3实现不了，解决方案如下：this.scheduleData是后台请求的数据，通过3个一组分组转换为this.scheduleListThreede的数据！2、逻辑处理如下：computed:{scheduleListThree:function(){letindex=0;letcount=3;letarrThree=[];letdata=this
圆野·2023-06-22 04:30

关于小程序swiper图片不能撑满解决方案

问题描述最近在写小程序的时候使用了swiper组件，但是发现一个很奇怪的现象，如果给image组件设置mode=“widthFix”的话，那么图片的高度是不够撑满swiper-item的这样就会导致swiper
@大熊·2023-06-21 19:10

Vue----swiper 引入swiper样式报错npm install --save swiper/dist/css/swiper.css

npminstallswipervue-awesome-swiper在main.js里引入import'swiper/dist/css/swiper.css'，会报错npminstall--saveswiper
默色留恋·2023-06-20 14:50

小程序--自定义轮播圆点

wxss/*轮播圆点样式修改*/.swiper-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom
中建云筑股份有限公司·2023-06-19 19:53

微信小程序轮播图自适应显示的实现方法

主要是优化轮播的图片自适应，但是的后台服务端上传轮播图片时，也要注意下图片的尺寸，不能相关太大，比如，本小程序用的是16：9图片宽高比，如果你不会做图，可以去找长方形的图，而不能去找4：3图片宽高比的图，这图虽然可以自适应到swiper
邻家阿涛·2023-06-19 18:22

uniapp 仿抖音小程序组件（超高性能）预加载

基于uniapp开发的仿抖音小程序组件（超高性能）预加载先看效果图：注：组件使用vue3+typescript开发全局仅渲染3个swiper-item实测，不管加载多少数据也能丝滑滚动适用于vue3，vue2
·2023-06-19 16:36

自定义vue指令,滑动

将下面js放在main.js引入importtouchfrom'@/assets/js/touch'//触屏滑动Vue.use(touch);使用...swiperight为methods里的方法,不能传参
__黑·2023-06-19 12:13

大话Stable-Diffusion-Webui-动手开发一个简单的stable-diffusion-webui（三）

文章目录原理文生图API组件的输入TypeScript响应式数据文生图API调用Axios安装使用配置代理文生图API调用调用结果处理图片渲染安装swiper代码仓库原理上一篇内容中，我们已经将文生图功能的整体
那个小白猿·2023-06-19 10:03

vue-awesome-swiper+图片懒加载+loop=空白页

最近项目中基于vue-awesome-swiper再次封装，遇到使用循环滚动总是出现空白页问题。
Wermdany·2023-06-18 23:18

【错误记录】androidx.swiperefreshlayout.widget.SwipeRefreshLayout导包失败

错误记录项目引用包appcompat从1.1.1升级到1.4.1升级前implementation'androidx.appcompat:appcompat:1.1.0'xml布局中使用androidx.swiperefreshlayout.widget.SwipeRefreshLayout
Billy_Zuo·2023-06-18 20:19

uni-app 顶部选项卡 使用scroll-into-view view绑定字符串Id

{{item.name}}{{i}}aaaa-->importindexSwiperfrom'@/component/index/indexSwiper.vue'importclassListfrom'
今天你码 了吗·2023-06-18 19:55

开发小程序的页面、组件、事件（下）

一、用户操作事件的触发方法内置组件事件小程序内置的组件，比如button、input、scroll-view、picker、swiper等，都
爱吃虾的多多·2023-06-17 17:13

uniapp中如何设置swiper的高度自适应的问题

一、解决思路在每次滑动切换的时候，动态地获取swiper-item内部的DOM的元素的高度。将获取的高度动态设置给swiper元素。
青田。·2023-06-17 16:22

综合管理平台,业务系统,信息发布,切配看板,区域看版,智厨运行监管概括图,留样柜

饮食信息发布大屏项目简介：实现通过swiper轮播饮食信息大数据发布页面,包含重点食材价格,年价格指数波动,周食谱公布表,今日食谱图片,营养素达标情况分析图,单位食堂主副食物资验收实景照片,逐日消耗统计分析图
韩召华·2023-06-17 14:54

Flutter轮播图:Swiper与PageView，及PageView的应用

1.Swiper常用的一个轮播图组件是Swiper组件，它是第三方的一个组件，需要自行引入才能使用。
风曦Kisaki·2023-06-17 12:18

Flutter学习日记之Flutter_swiper实现轮播图功能

今天分享的内容是关于图片轮播的实现，使用到的库是flutter_swiper，如果有出现空检查报错的，可以使用flutter_swiper_null_safety，源码地址：
Android_小黑·2023-06-17 12:46

Flutter的一些插件安装问题（flutter_swiper、flutter_screenUtil……）

不知道有没有小伙伴和我一样碰见这个问题，就是在pubspec.yaml文件中添加了flutter_swiper:^version这一行，编辑器（VScode）一直在告诉我们flutterpackagesget
磐石BedRock·2023-06-17 12:45

Flutter 官方自带日期组件 和第三方 日期组件、轮播图 flutter_swiper

文章目录一、Flutter日期和时间戳二、Flutter第三方库date_format的使用三、调用flutter自带日期组件和时间组件四、调用flutter自带日期组件和时间组件改为中文五、调用flutter第三方时间组件六、Flutter轮播图组件一、Flutter日期和时间戳日期转化成时间戳：时间戳转化成日期：二、Flutter第三方库date_format的使用文档：https://pub
小萨摩！·2023-06-17 12:45

Flutter flutter_swiper轮播图

在根目录pubspec.yaml文件中添加依赖dependencies:flutter_swiper:^1.1.6import'package:flutter/material.dart';import'package
GalenWu·2023-06-17 12:44

Flutter 轮播图flutter_swiper的使用

而开发过程中我最常使用的就是flutter_swiper这个插件，他已经为我做好了很好的处理，我们要做的就是使用。
王 哪跑！！！·2023-06-17 12:14

flutter 无限轮播组件 Swiper适配fultter3.0

flutter_swiperflutter最强大的siwiper,多种布局方式，无限轮播，Android和IOS双端适配.先放上github上的几张图看一下效果。
弯弯的小溪·2023-06-17 12:14

flutter flutter_swiper使用

flutter_swiperflutter最强大的siwiper,多种布局方式，无限轮播，Android和IOS双端适配.更多详情信息请移步：https://blog.csdn.net/u011272795
dianchidu6913·2023-06-17 12:14

Flutter Swiper组件使用过程中异常问题

Swiper使用过程中异常问题轮播图数量变化导致问题异常信息：Failedassertion:line112pos12:'_positions.isNotEmpty':ScrollControllerScrollControllernotattachedtoanyscrollviews
微冷暖阳ロショウ·2023-06-17 12:43

flutter_swiper自定义分页指示器

flutter_swiper内置了2种分页指示器，一种是SwiperPagination.dots的圆形风格，一种是SwiperPagination.fraction的数字风格，但是这显然不能满足我们的需要
橘子郡侽孩·2023-06-17 12:12

【Flutter】Flutter 如何使用 flutter_swiper

文章目录一、前言二、flutter_swiper的概念三、Flutter中的flutter_swiper1.使用的库2.方法介绍四、代码示例1.简单示例2.完整示例五、总结一、前言在移动应用开发中，轮播图是一种常见的
小雨青年·2023-06-17 11:55

2020-02-25小程序学习

一、小程序的基础view块级元素text行级元素1.组件开始学习：类似HTML标签，高于HTML，内部封装性；捡重点；1）.swiper轮播组件：2）.view组件属性：hover-class点击态样式
橙汁007·2023-06-17 06:29

【微信小程序开发】第 7 课 - 小程序的组件

目录1、缘起2、小程序中组件的分类3、常用的视图容器类组件3.1、view组件3.2、scroll-view组件3.3、swiper和swiper-item组件3.4、text组件的基本使用3.5、rich-text
Aperion·2023-06-16 19:54

安卓 类微信开发(二)

、效果展示在UI的基础上:安卓类微信界面开发(一)_qingsongxyz的博客-CSDN博客一、主要内容对聊天主界面chatFragement进行完善，使用RecyclerView实现滚动列表，使用SwipeRefreshLayout
qingsongxyz·2023-06-16 16:03

Flutter控件封装之轮播图Banner

Flutter中实现轮播图的方式有很多种，比如使用三方flutter_swiper，card_swiper等等，使用这些三方，可以很快很方便的实现一个轮播图展示，基本上也能满足我们日常的开发需求，如果说
二流小码农·2023-06-16 12:14

有关vue+swiper动态改变数据，slide并不会改变的问题

在这里我并没有创建四个swiper，而是在一个swiper里通过动态的更改data来实现功能。
前端划水工·2023-06-15 08:24

微信小程序中实现轮播图效果

文章目录一、swiper视图容器组件二、swiper相关属性三、swiper-item轮播项四、代码实现五、注意事项1.分析和升级版本，解决换机型的宽高问题六、写在最后一、swiper视图容器组件swiper
-希冀-·2023-06-14 19:29

命令行查看依赖包的所有版本号-查看版本号

npmview依赖包名versions--jsonnpmviewswiperversions--json
单箭头→·2023-06-14 04:35

Vue中如何实现轮播图、滑块选择器

在Vue中，我们可以使用第三方库swiper来实现轮播图。安装swiper首先，我们需要安装swiper。可以通过npm或yarn来安装swiper，例如：npminstallswiper--
程序媛-徐师姐·2023-06-14 00:54

前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度

id=13003效果图如下:####使用方法```使用方法swiperTabList:["2023-06-10","2023-06-11","2023-06-12","2023-06-13","2023
前端组件开发·2023-06-13 19:02

uniapp 仿抖音小程序组件（超高性能）预加载

基于uniapp开发的仿抖音小程序组件（超高性能）预加载先看效果图：注：组件使用vue3+typescript开发全局仅渲染3个swiper-item实测，不管加载多少数据也能丝滑滚动适用于vue3，vue2
·2023-06-13 19:41

自定义组件之 Swiper 特效组件

效果演示一、需求说明使用微信小程序原生代码，实现如上图的交互效果。具体要求如下：当手指触发（tap/touch）Tab区块时，页面自动向上滚动，滚动至视窗的顶部。Tab区块，最多只能滚动到视窗的顶部，不可以继续向上滚动。当用户向下滑动时，Tab区块正常向下滚动。当Tab区块里的内容超出一屏的高度时，只能在Tab区块的内部进行滚动。二、封装自定义组件根据以上需求，使用原生小程序组件和代码，封装一个组
夏海峰·2023-06-13 19:35

uni-app 组件

、style、hidden、data-*、@*特殊属性以v-开头，称之为vue指令，如v-if、v-else、v-for、v-model基础组件分为八大类：视图容器：view、scroll-view、swiper
if.else.Z·2023-06-13 05:37

自学uni-app （3）uni-app的常用组件

buttonradio-groupradiocheckbox-groupcheckboxswitchslider3.进度条类progress4.表单提交类forminput5.视图类viewscroll-viewswipernavigator
IT_Joliu·2023-06-13 05:34

微信小程序==>定义轮播图swiper dots默认样式

htmlwxss.swiper-container{position:relative;}.swiper-container.swiper{height:300rpx;}.swiper-container.swiper.img
想做一个画家·2023-06-12 19:17

【无标题】swiper轮播中视频带声音自动播放

exportdefault{data(){return{//精彩视频videoList:[],swiperOptionVideo:{loop:true,autoplay:{disableOnInteraction
m0_37653407·2023-06-12 15:44

swiper 自定义 底部分页器

varsetSwiper=function(){varswiper=newSwiper('.swiper-container',{pagination:{el:'.swiper-pagination',
jeanzy·2023-06-12 13:14

swiper在ie浏览器下不能兼容。

找到了swiper这个插件。在移动端用着挺好的。但是在PC端的话，IE下效果全部失效。后来了解到，swiper3是专门针对移动端写的。
范之度·2023-06-12 11:36

常用第三方库

4.1.3","less-loader":"^7.3.0","mockjs":"^1.1.0","nprogress":"^0.2.0","nrm":"^1.2.5","qrcode":"^1.5.0","swiper
冰点雨·2023-06-12 11:49
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他