swiper

img标签 图片显示不全

/assets/swiper1.jpg'),require('../assets/swiper2.jpg'),require('../assets/swiper3.jpg'),require('..
战斗中的老段·2023-10-25 14:33

微信小程序滑动切换之swiper

小程序项目中遇到几个需要滑动切换效果，上来用的swiper组件写了几行之后发现有的代码不见了，调试代码之后发现swiper高度问题导致的，swiper默认高度150超出之后隐藏了查询之后发现sweiper
故事与九·2023-10-25 12:08

微信小程序 改变swiper指示点颜色形状位置

/**/.wx-swiper-dots{position:relative;left:10%!
郭玉齐·2023-10-25 12:01

微信小程序swiper上下滑动卡顿

原因：内容的滑动和swiper的滑动有冲突解决办法：在swiper-item中嵌套一个scroll-view//DOM//数据data(){return{currentTab:0,//当前页面所在的tab
ᥬ 小月亮·2023-10-25 12:28

小程序 swiper滑动 层叠滑动效果

整个红色区域为可滑动区域，数字1区域为展示区域，数字2为下一个展示模块{{item}}{{orderTip[orderIndex+1]}}.h_od_swiper{/*border:1rpxsolidblack
郭玉齐·2023-10-25 12:23

小程序swiper限高高度自适应解决方案

方案一：满屏QQ截图20181212112423.png/*wxml*/切记是行内样式/*wxss*/swiper-item{overflow:scroll;}ok完美解决！
C_razy·2023-10-25 06:09

Vue2_尚品汇前端项目day05超详细笔记_尚硅谷

1）swiper使用方法参考中文教程https://www.swiper.com.cn/usage/index.html在newSwiper实例之前，页面中的结构必须要先有第一个参数：可以是字符串|真实
pomelo-·2023-10-24 07:02

uniapp实现轮播图功能，实现轮播图案例

uni-app轮播图主要用到swiper滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图。
季夏梧桐·2023-10-24 06:48

uniapp实现轮播图功能，实现轮播图案例

id=883uni-app轮播图主要用到swiper滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图。
季夏梧桐·2023-10-24 06:47

vue3手写一个轮播图

leftrightimport{ref,reactive,toRefs,onMounted,}from'vue'constswiperRef=ref(null)letw=ref(800)letscrollWin
sleeppingfrog·2023-10-24 03:05

微信小程序顶部上下轮播公告的两种实现

第一种swiper组件，没什么可说的第二种使用动画playNoticeAnimation:function(t){//获取一堆数据，随机展示varrandomInfo=['小苹果提现1元现金','随遇而安提现
coffee1949·2023-10-24 01:58

用 HarmonyOS 做一个可以手势控制的电子相册应用（ArkTS）

相关概念●Swiper：滑块视图容器，提供子组件滑动轮播显示的能力。●Grid：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。
HarmonyOS开发者·2023-10-23 23:57

2018-07-11 小程序轮播指示点样式修改

swiper.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:2rpx;}swiper.wx-swiper-dot{width:40rpx;
红烧牛腩·2023-10-23 13:46

【小程序轮播】

效果图：main.js:data:{swiperCurrent:0},swiperChange:function(e){console.log(e);this.setData({swiperCurrent
妍儿昂·2023-10-23 05:07

2020-07-30 Vue电商滚动

https://www.cnblogs.com/viete/p/12395548.html商品详情评价importnarBarfrom"@/components/NavBar/index";importswiperfrom
BAT努力·2023-10-22 13:30

小程序：会议OA项目首页

flex属性学习地址：会议OA项目-首页前言叙述目标配置tabbarmock工具page轮播图组件及mock.js的使用swiperFlex布局简介布局的传统解决方案，基于盒状模型，依赖display属性
酒醉猫(^･ｪ･^)·2023-10-22 12:20

swiper 3D叠层轮播图

效果截屏2021-08-30上午10.09.07.png//安装npminstallswiper@3.4.2--save-dev//main.jsimport'swiper/dist/css/swiper.min.css'import'swiper
曹锦花·2023-10-22 08:50

vue2-3安装swiper轮播图

在vue2中swiper所有版本中swiper4的兼容性是最好的，组件在swiper4之后没有很大改变，使用时最好选择swiper4。
颂温暖·2023-10-22 07:02

【H5】vue解决因使用vue-awesome-swiper模块，input后留空白问题

methods:{inputFocus(){clearTimeout(this.timer)},inputFocusout(){this.timer=setTimeout(()=>{window.scrollTo(0,0)//间隔设为10，减少页面失去焦点定时器的突兀感，},10);}},//用户离开，就只执行销毁监听事件destroyed(){clearTimeout(this.timer)}
u5f20u5929u8000·2023-10-22 06:46

2019-01-04

index.jsv-if显示与不显示v-show用来来回切换网络请求axiosnpminstall--save-devaxios在main.js中配置created()生命周期函数中书写网络请求全局引入swiper
AMONTOP·2023-10-22 06:29

uniapp swiper内嵌video组件时跳转页面再返回video暂停播放

商城大屏显示的时候首页轮播图扩展了一个video组件，但是出现了一个问题，切换页面再返回时，swiper中的video视频会自动暂停播放，@pause函数打印了一下确实是视频切换的时候暂停播放了，为了让视频一直处于播放状态
Taurus_sheep·2023-10-21 07:49

Vue组件 —— 单文件组件

追溯vue组件问题在未讲项目之前，在这一篇内容当中就讲到了组件引入使用，有内置的组件和动态组件以及封装一个swiper组件，组件也分为全局组件和局部组件，在讲在项目当中去使用组件之前先简单的回顾一下组件的编写
灵魂学者·2023-10-21 03:29

vue 与 swiper结合使用时，swiper效果失效

说明：在一个html页面中，使用了Vue渲染数据，使用swiper做了相应的效果，但是发现当数据渲染完成时，我之前利用swiper做的效果不生效了原因：当数据渲染后，没有更新swiper的效果方法解决办法
前端-文龙刚·2023-10-21 01:08

【vue】组件阻塞导致后续操作、交互不生效

出现的问题：在第一个页签“板卡”中进行操作左滑没有问题，但是在第二个页签“其他”的就不能滑动问题代码问题思路1：想到可能是外层的swiper的滑动切换面板可能影响到了内部的滑动操作，之后尝试着将swiper
动感光波波波·2023-10-20 23:10

图片批量上传至服务器/华为云obs 前台采用webuploader.js div+css布局 图片.zip华为云obs浏览器下载

图片展示1.2图片上传1.3图片下载1.4图片右键删除2.使用技术说明2.1前台2.1.1布局div+css+jquery2.1.2webupload/diyupload.js图片进行批量上传2.1.3swiper.min.js
转过脸嘴角扬起微笑<-_->·2023-10-20 17:47

微信小程序文本横向无缝滚动

但是我的需求中是一个上下无限滚动的列表，如果设置定时器性能耗费太大，因此只用css实现）样例图：我这里是列表轮播+商品名称字段左右滚动微信小程序轮播组件swiper有个坑：display-multiple-items
青松pine·2023-10-20 13:09

react native 轮播图组件(循环滚动卡片,垂直跑马灯效果)

react-native-ezswiper源码地址：https://github.com/easyui/react-native-ezswiper安装$npminstallreact-native-ezswiper
我不相信me·2023-10-20 11:14

vue轮播插件vue-awesome-swiper-来自于三人行慕课

原文链接：https://www.3mooc.com/front/articleinfo/160vue轮播插件vue-awesome-swiper-来自于三人行慕课1.npm安装插件npminstallvue-awesome-swiper-S2
三人行慕课·2023-10-20 10:49

小程序跑马灯

wxml{{item}}{{list[swiperIndex]}}wxss.marquee-swiper{height:100%;}.text-item{box-sizing:border-box;padding
7d8d3104a404·2023-10-19 16:37

SwipeRefreshLayout和TextView滑动冲突的暴力解决方法

SwipeRefreshLayout和TextView滑动冲突如果SwipeRefreshLayout中存在TextView，并且TextView被设置为可以上下滑动，那么在下滑TextView的时候会与
zakariyaa33·2023-10-19 15:10

mpvue-entry引入原生swiper组件不显示问题

swiper组件几乎成为典型小程序界面的必备组成组件之一。但是，我在试用中遇到一个典型问题，很多相关网页中都没有给出明确的注意事项总结。在此文中，我主要强调一个值得注意的问题。
默写_0c03·2023-10-19 04:06

uniapp - 完美解决 ＜swiper＞ 嵌套 video 视频时卡顿不流畅问题，swiper滑块视图容器里面包含视频播放器和图片共存时滑动切换特别卡，滑动不流畅问题的解决方案（保证解决此问题）

效果图在uniapp项目开发中，swiper组件内有多个视频、图片和视频混合时会出现滑动不流畅卡顿问题，并且视频自动轮播时没等看完视频就轮播走了。
街尾杂货店&·2023-10-19 00:41

利用swiper在vue中做轮播图，并改变轮播图的原有箭头、图片等内容

目标：利用swiper在vue中做轮播图，并改变轮播图的原有箭头、图片等内容。实现效果：1、点击左右箭头可切换图片。2、点击后图片出现最左侧样式效果，只有被点击的图片有此效果，不被点击恢复默认效果。
刚刚好ā·2023-10-19 00:11

template.js动态展示轮播图，轮播图不显示问题

首先，打开控制台发现，图片dom是生成了的，排除dom的缺失其次，换了一个插件Swiper，发现效果一样，排除插件的沦丧把动态数据换成假数据，发现没问题；那就只有从轮播图本身去寻找答案了最后发现，按道理轮播图的实例化是在
Hello攻城狮·2023-10-19 00:10

JQuery - template.js 完美解决动态展示轮播图，轮播图不显示问题

解决方案首先，打开控制台发现，图片dom是生成了的，排除dom的缺失其次，换了一个插件Swiper，发现效果一样，排除插件的沦丧把动态数据换成假数据，
街尾杂货店&·2023-10-19 00:00

一些vue功能和css样式

目录跳转传参分页element的Select选择器实现懒加载css文本内容超出显示省略号设置＜table＞表格固定列宽点击加载更多数据美化滚动条，可以直接复制粘贴swiper技巧：定义属性判断是否触发轮播图
小有名气bug发明家·2023-10-18 20:14

Compose 实战之为下拉刷新添加自定义指示器

在此之前，我们只能使用accompanist-swiperefresh来实现下拉刷新。然而，更坑的是，Compose对下拉刷新的支持是添加到mater
equation_l·2023-10-18 20:44

vue项目中使用vue-awesome-swiper趟坑之路

需求场景：在项目中vant满足不了一些比较好看的轮播需求，比如：vnat自带的swiper场景比较单一，就这样的展示形式：目前网上对于vue-awesome-swiper的使用方法各种坑，还被剩下的那几条头发嫌弃
撑起自己半边天·2023-10-18 17:57

Vue3使用Swiper6实现轮播

1.对应的Swiper版本是6.7.02.在需要使用的vue导入swiper组件//ImportSwiperVue.jscomponentsimport{Swiper,SwiperSlide}from'swiper
zhaokai621·2023-10-18 14:17

vue3项目打包部署服务器后swiper6控件不显示，模块样式丢失

问题描述：最近在用vue3部署自己的个人主页，其中用到了最新版的swiper6.7.0，在本地中打开是没有任何问题的，但是当我把项目打包部署到服务器后，发现swiper6控件不显示，两侧切换卡片的按钮（
爱唱歌的前端·2023-10-18 14:43

Vue-Swiper 实现竖向排列

1.安装依赖npminstallswipervue-awesome-swiper--save2.main引入依赖importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
冲浪选手CHARLIE·2023-10-18 13:36

vue3 中使用 swiper

官方这个不大好用因为有版本兼容问题：https://swiperjs.com/vue可以参考如下方式：主要是版本兼容问题即：[email protected]
jjw_zyfx·2023-10-18 13:04

vue + swiper 的正确使用姿势（附即插即用css、动态更新数据，使用建议）

vue+swiper的正确使用姿势（附即插即用css、动态更新数据，使用建议）一、演示效果二、吐槽三、使用建议四、正式使用1、指定安装swiper3版本2、详细代码（具体请看注释）一、演示效果先看看成果
iamlujingtao·2023-10-18 13:34

在vue3.0中使用swiper6

vue3.0中使用swiper6版本HTMLJS版本"swiper":"^6.7.0","vue":"^3.0.0",HTML如果想给两侧的翻页按钮定位到轮播的外面就把.swiper-container
仲冬廿三·2023-10-18 13:03

Swiper6+版本 在vue中的应用，竖向滚动

Swiper6+版本在vue中的应用，竖向滚动本文采用的Swiper6.7.0版本安装swipercnpminstallswiper@6.7.0-S注意：如果需要设置禁止鼠标拖动，但是每条slide需要点击是这个属性
Koreyoshi··2023-10-18 13:29

vue3使用swiper6.7.0写轮播图，按钮在轮播图外面

项目里以前使用的是swiper6.7，所以这次写这个轮播还用了6版本，没有升级。效果：{{item.weatherTime}}{{item.weather}}{{item.outTemp}}℃i
前端程序媛Ying·2023-10-18 13:56

Swiper在Vue2中的使用

以swiper3为例一、全局引入1.下载swiper3cnpminstallswiper@3vue-awesome-swiper@3--save-dev2.在main.js中引入Vue-Awesome-SwiperimportVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
iaz999·2023-10-18 10:38

会议OA小程序首页布局

目录一.Flex布局介绍1.1什么是Flex布局1.2基本概念1.3Flex属性二.会议OA首页轮播图的实现配置Mock工具swiper效果展示三.会议OA首页会议信息布局index.jsindex.wxmlindex.wxss
不念那年晚春·2023-10-18 09:39

利用swiper插件快速写轮播图

一、引入1、下载swiper插件：https://www.swiper.com.cn/；2、在dist里面把swiper.min.js和swiper.min.css分别放入文件夹中；3、在html中引入
圆滚滚大煤球·2023-10-18 00:24

React Native 项目常用第三方组件 很常用

react-navigationgithub:https://reactnavigation.org/docs/intro/路由组件react-native-carousel&&react-native-swiper
研发之道·2023-10-17 08:51
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他