swipe

swiper不生效/切换不生效，点击切换按钮activeIndex值不对应问题@令狐张豪

原因：因为把newSwiper放在mounted实例化的时候可能v-for并未执行完成结构还未完全生成错误：先执行了swiper实例化后循环的；正确：先循环完数据确保数据完整循环完成后再执行swiper
令狐张豪·2023-09-07 01:44

如何安装指定版本依赖包 及查询版本号

》1查询版本号使用cnpm或者npm在控制台输入npmview依赖包名versions//例：npmviewswiperversions会出现如下版本信息：swiperversions.png》2安装指定版本包使用
鸿泽云码·2023-09-06 22:44

nuxt正确使用vue-awesome-swiper

使用nuxt实现轮播图功能适用得是vue-awesome-swiper这个插件按照官网进行配置不是报错就是样式有问题总结了一下能正常使用的步骤安装插件//使用3.1.3版本可以不用引入swiper插件npmivue-awesome-swiper
我今年六岁·2023-09-06 22:38

uni-app 点击按钮切换图片或文字

点击按钮切换图片或文字点击按钮111点击按钮222{{imageUrl}}exportdefault{data(){return{//显示初始图片imageUrl:"https://cdn.uviewui.com/uview/swiper
jun_tong·2023-09-06 14:59

uni-app 之 scroll-view和swiper

uni-app之scroll-view和swiper里必须要有一个盒子，不能有两个，这里的盒子就是view-->跳转到新页面VerticalScroll\n纵向滚动点击这里返回顶部ABCHorizontalScroll
jun_tong·2023-09-06 14:58

如何在Vue-Cli中使用Element-UI和Echarts和swiper插件(低版本)

1st.Element-UI1.1安装在终端输入npminstallelement-ui1.2导入在全局main.js中全局导入Element-UI：//导入element-ui组件库importElementUIfrom'element-ui';//导入element-ui组件库的样式import'element-ui/lib/theme-chalk/index.css';//注意：elemen
uuz·2023-09-06 12:37

uniapp项目实践总结(十)自定义滑动触摸组件

目录准备工作原理分析组件实现实战演练案例展示准备工作在components新建一个q-swiper文件夹，并新建一个q-swiper.vue的组件；按照前一篇所说的页面结
·2023-09-05 21:50

5-4 Flutter 轮播图Banner功能开发

5-4轮播图Banner功能开发import'package:flutter/material.dart';import'package:flutter_swiper/flutter_swiper.dart
小码农小世界·2023-09-05 19:52

uni-app 中 swiper 轮播图高度自适应

方法一1、首先swiper标签的宽度是width:100%2、swiper标签存在默认高度是height:150px；高度无法实现由内容撑开，在默认情况下，图片的高度显示总是150pxswiper宽度/
UserGuan·2023-09-05 11:42

小程序swiper+video+onPageScroll

为啥这样做呢？因为微信原生组件video放在scrollview中上滑体验极其不好，video组件层级最高，页面滑动时，播放中的video不会随之滑动。。。
冬天73051·2023-09-05 01:28

基于HarmonyOS ArkUI实现七夕壁纸轮播

本节将演示如何在基于HarmonyOSArkUI的SwiperController、Image、Swiper等组件来实现七夕壁纸轮播。本文涉及的所有源码，均可以在文末链接中找到。
_waylau·2023-09-04 13:11

Vue使用Swiper组件制作轮播图

1.下载安装包cnpminstallvue-awesome-swiper@3--save  因为版本不兼容的问题，这里指定下载的版本是3.xxx。
外星人_863d·2023-09-04 12:57

小兔鲜儿---商品分类

目录准备工作渲染轮播图一级分类获取数据Tab交互二级分类骨架屏准备工作参考效果商品分类页中的广告位，可复用之前定义的轮播图组件XtxSwiper。
前端 贾公子·2023-09-04 12:58

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
马克关·2023-09-04 00:08

第二个迷糊的一天

吃完11:40回办公室，中午继续看vue的课程，但很经常打瞌睡，今天学了swiper组件还有lodash插件用来防抖的，只是大概知道怎么用，但没有真正实操，主要是因为静态页面也还没有构建出
Oxalis·2023-09-03 23:08

uniapp 实现滑动元素删除效果

官网地址：uni-app官网(dcloud.net.cn)最终效果如下图：滑动删除需要用到uni-ui的uni-swipe-action组件和uni-swipe-action-item属性名类型可选值默认值是否必填说明
打不着的大喇叭·2023-09-03 16:16

使用uni-swipe-action，实现购物车左滑删除

使用数据填充exportdefault{components:{},data(){return{options2:[{text:'取消',style:{backgroundColor:'#007aff'}},{text:'确认',style:{backgroundColor:'#dd524d'}}]};},methods:{bindClick(e){uni.showToast({title:`点击
努力站桩的奶酪呦·2023-09-03 14:02

uniapp实现移动端的视频图片轮播组件

tt.appc02.com/nesxr62、支持小程序、H5、APP，在小程序上运行的效果图3、使用方法第一步，按照截图步骤配置好第二步：参考以下代码，使用视频图片轮播组件我是标题我是内容importvideoSwiperfrom
zhifanxu·2023-09-03 06:16

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
·2023-09-02 22:18

React-native——实现轮播图

大家好，我是贰妹子，希望我的博客对你有帮助（多动手练习一下呦）将Swiper和Text通过一个View来封装.
贰小妹儿·2023-09-02 17:02

微信小程序自定义组件,父传子，子传父，默认插槽，具名插槽

小程序有许多的内置组件，比如之前学习过的view、image、scroll-view、swiper等，除此之外小程序也允许开发者自定义组件。
←_→·2023-09-02 16:09

html5 gesturestart,【HTML5】Touch全解（集合转贴）

参考地址：插件推荐：(Github搜索即可)touchy.js(在安卓4.0上面报错，4.1+正常)iscroll(左｜右滑屏效果，触控)swipe(左右幻灯，触控)本文从一个多触式网页开发初学者的角度
百分之二十六·2023-09-02 13:34

vue 中使用 swiper loop循环失效

在循环的父元素上面加上v-if就好了
兜兜里冒糖糖·2023-09-01 21:40

Vue + Vnat Vant轮播组件渲染动态数据 页面一直在第一页的问题

在这之间要给swiper组件定义一个名字ref="swipe"，通过他控制组件。onchange事件内写入this.$refs.swipe.resize();
hhhhhhhhhhzy·2023-09-01 04:22

组件 swipeable - react-native-gesture-handler

这个组件允许实现可滑动的行（swipeablerows）或者类似的动作.它的子元素使用panablecontainer，允许水平向左或者向右滑动。
JamesSawyer·2023-09-01 02:35

微信小程序 动态加载swiper时不显示的问题（爬坑）

_touchstartHandlerForDevtools解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这次的数据中不存在问题，所以，每次动态加载
九旬大爷的梦·2023-09-01 00:02

auto.js常用语法

functionswipe(){sleep(1000);swipe(width/2,height-500,width/2,0,500);}2启动auto.waitFor();varheight=device.height
幸福的尾巴__·2023-08-31 21:30

swiper4中会出现滑动最后有白屏现象解决

newSwiper('.swiper-container',{autoplay:false,init:false,loop:false,fr
wang_carrie·2023-08-31 18:17

vue3 使用 swiper轮播库

文章目录前言一、Swiper引入方式1、HTML标签引入方式2、CommonJs引入方式3、ES引入方式（采用）二、使用Swiper总结前言轮播图在前端开发中，是常见需求。
娃哈哈_·2023-08-31 18:01

Vue3列表竖向滚动（包含使用swiper的翻页效果）

一、使用element-plus表格进行滚动：可以满足的需求：表格一行一行竖向滚动，类似走马灯。不能满足的需求：表格分页竖向滚动，有翻页的效果。代码：{{(scope.$index+1)+(currentPage-1)*(pageSize)}}{{scope.row.name}}import{defineComponent,onMounted,reactive,ref,toRefs,nextTic
ᥬ 小月亮·2023-08-31 18:57

swiper禁止滑动

swiper禁止滑动，需要在最外层的容器上增加swiper-no-swiping
qq_38677540·2023-08-31 16:16

vue使用swiper7

下载npmiswiper使用import{Swiper,SwiperSlide}from"swiper/vue/swiper-vue";import"swiper/swiper.min.css";Swiper7
qq_38677540·2023-08-31 16:16

vue-awsome-swiper垂直方向的匀速轮播

引入import{swiper,swiperSlide}from"vue-awesome-swiper";import"swiper/dist/css/swiper.css";注册components:
缤芬治·2023-08-31 12:45

uni-app swiper设置显示面板指示点的背景颜色与选中颜色

查看uni-app官网文档找到设置的背景与选中的属性为indicator-color、indicator-active-color，直接如下图所示进行设置，结果报错如下：原因：这两个属性直接赋值即可生效
东小记·2023-08-31 09:35

Vue3与.NET6实战之开发杂记3

使用Swiper实现轮播图老规矩，先看效果：关键代码如下：【(0.8x降速】当emo慢下来时播放量：1789.7万难忘经典：回放磁带里的青春岁月播放量：1789.7万音综封神现场：顶级编唱震撼人心播放量
栀梦星·2023-08-30 09:15

swiper联动侧边栏(带图片)

swiper联动侧边栏大家好，今天我们来学习一下swiper联动侧边栏，好好看，好好学，超详细的。
挣扎的工程师·2023-08-30 03:59

Refused to apply style from 'http://localhost:8080/XXX.css' because its MIME type ('text/html') i...

发现问题：今天用express+node搭建静态前台登录页面时，遇见了一个坑报错说：Refusedtoapplystylefrom'http://localhost:8081/dist/css/swiper.min.css'becauseitsMIMEtype
Just韦·2023-08-29 19:19

原生微信小程序 动态（横向，纵向）公告（广告）栏

先看一下动态效果Y轴滚动公告的原理是swiper组件在页面中的Y轴滚动，属性vertical，其余属性也设置一下autoplaycircularinterval="3000"X轴滚动的原理是，利用动画效果
前端小凯·2023-08-29 08:28

vue swiper 踩坑

由于需求要做成旋转木马的样式，所以项目现有的vantswiper组件貌似很难调成那个样式，所以找来找去，就入了swiper的坑首先vue项目先安装swipernpminstallswipervue-awesome-swiper
脸小话不多·2023-08-28 23:48

Vue项目中less实现样式穿透

今天在看一个慕课网上的视频时，遇到了一个小问题，问题是在我们使用轮播图插件vue-awesome-swiper时，发现轮播图分页器pagination的当前页的小圆点显示为蓝色，但是设计稿中显示为白色，
云墨-款哥的博客·2023-08-28 21:27

vue2项目中使用swiper插件

vue2项目中使用swiper插件在昨天码完上一篇文章后，突然想起来自己写vue项目时，用的轮播都是element-uI里的。并不是说element-uI里的不好用，但毕竟swiper人家是专业的。
万物之恋·2023-08-28 09:46

Uniapp笔记（二）uniapp语法1

2、swiper组件swiper是滑动视图容器，经常看到的轮播图就是通过它来完成的swiper-item是swiper子组件，仅能放到swiper组件中swiper常用属性属性名类型默认值说明indicator-dotsBooleanfalse
鸣鲷有柒·2023-08-28 06:07

RecyclerView侧滑菜单和滑动删除Item

RecyclerView侧滑菜单，Item拖拽，滑动删除Item，自动加载更多，HeaderView，FooterView，Item分组黏贴compile'com.yanzhenjie:recyclerview-swipe
zhengLH·2023-08-27 12:13

vue中使用swiper( vue-awesome-swiper4.0及以上版本)报错controller undefined

版本错误卸载swiper和vue-awesome-swiper（注意一定要卸载干净）npmuninstall vue-awesome-swipernpmuninstallswiper重新安装，注意swiper
相濡逸墨·2023-08-27 03:32

nuxt.js框架使用swiper的5.4.5版本记录，创建广告位幻灯片

nuxt依赖“nuxt”:“^2.15.8”,“swiper”:“^5.4.5”,“vue”:“^2.7.10”,“vue-awesome-swiper”:“^4.1.1”,需要完成的效果是参考地址：https
云上全栈工程师·2023-08-27 01:37

React Native Swiper中的onIndexChanged无法触发

RN版本5.5ReactNativeSwiper版本1.5.13在代码中写明了{vartitle="Num"+index;this.setState({currentSelect:title,});}}
丶晓虎·2023-08-26 01:13

音频领域_DSP，专业词汇积累

serial：串行parity：奇偶校验handshake:握手vendor:供应商product:产品battery:电池dispaly:显示swipe(left、right、up、down):左右上下滑动
嵌入式@秋刀鱼·2023-08-26 00:37

Swiper组件设置垂直轮播图（自动滚动+禁用手指滑动）

文件如下importReact,{useEffect,useRef}from'react';importclassNamesfrom'classnames';import{Autoplay}from'swiper
阿迪不想上班·2023-08-25 20:45

“微商城”项目（4首页）

1.显示轮播图首页和商品详情页都有图片轮播图展示，考虑到Vue组件代码的复用性，把轮播图相关代码单独放置在src\components\swiper.vue文件中。
瑾寰·2023-08-25 09:14

Flutter Cannot run with sound null safety, because the following dependencies

Cannotrunwithsoundnullsafety,becausethefollowingdependenciesdon'tsupportnullsafety:-package:flutter_swiper-package
---月亮☽·2023-08-25 06:45
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他