swiper

在vue中swiper动态获取数据渲染时产生的问题

所以用到了Vue原生api：Vue.nextTick()，在数据改变之后立马在视图里面渲染出来，但是这时还是有问题，因为"swiper-slide"这一项是vue批量生成的，这造成了swiper切换的问题
laughing_club·2022-02-20 06:03

转：SwipeRefreshLayout + RecyclerView 实现 下拉刷新

mRecyclerView=(RecyclerView)findViewById(android.R.id.list);mRecyclerView.setOnScrollListener(newRecyclerView.OnScrollListener(){@OverridepublicvoidonScrollStateChanged(RecyclerViewrecyclerView,intnew
魏成·2022-02-20 02:08

微信小程序实现navbar导航栏

一、效果图image二、涉及到组件1.view组件2.swiper组件三、原理整体来讲是比较简单的，顶部的navbar是使用flex进行布局的；下面的内容区域则是使用到swiper组件，使用方式比较简单
Zxy_i·2022-02-19 23:44

vue实践二：页面区块化与组件封装

实践揭秘》第四章：页面区块化与组件封装本文代码从之前文章：vue-router：路由与页面间导航开始一、文章目的1、简单了解并学习vue页面区块化与组件的封装；2、学习了解常用vue插件：轮播图插件：swiper
左木北鱼·2022-02-19 12:22

轮播图加优化

Paste_Image.png轮播图样式在同一排,用JQuery的lazy预加载无效我的解决方法是:使用Swiper,自动轮播换成手动轮播首页只加载轮播第一张图片window.onload=function
尹子凡R1·2022-02-19 00:10

vue-awesome-swiper之使用keepAlive缓存后跳转页面后swiper的loop失效

同时使用keep-alive和vue-awesome-swiper，出现了一个bug：A页面使用swiper（swiper有用到loop属性），从A页面跳转到B页面后，使用history.back(1)
旋转火龙果·2022-02-18 20:57

使用vue-cli3搭建的项目在iOS10以下白屏的解决

虽然默认已经使用了babel转译，但是项目有第三方依赖库，可能没有被babel转译，果然找到项目中使用了swiper、xxx-ui的第三方依赖，所以配置了依赖库编译，问题就解决了。
Phoenixing·2022-02-17 13:44

ReactNative 知识点整理(1)

列出具体步骤先安装三方控件npmireact-native-swiper–save导入SwipervarSwiper=require(‘react-native-swiper');构建视图render(
KumLight·2022-02-17 12:51

vue 项目中使用 vue-awesome-swiper 轮播插件

less-loadernpminstalllessless-loader--save2.安装css-loadernpminstallcss-loader--save以上两个是该插件的依赖,不安装run的时候会报错3.安装vue-awesome-swipernpminstallvue-awwsome-swiper
离祤·2022-02-16 14:46

Android - 原生下拉刷新功能(SwipeRefreshLayout)

使用场景鉴于公司内部要求,禁止使用第三方控件,所以使用android原生刷新控件遇到的问题1.刷新控件SwipeRefreshLayout与首页控件CoordinatorLayout产生冲突具体实现一、
大博同学·2022-02-16 02:11

触摸滑动插件：Swiper

中文网：https://www.swiper.com.cn/GitHub：https://github.com/nolimits4web/swiperswiper是什么？
CodeMT·2022-02-15 18:05

笔记-Flutter之轮播图（多样式）

018.jpg样式一先看效果图：image这是最终的实现效果，下面仔细看一下实现方式实现方式引入flutter_swiper库flutter_swiper利用的是这个库，可以实现多样式的布局。
佐_笾·2022-02-15 16:29

dart导包全解

dependencies依赖的包import'package:test/test.dart';3.导入路径包base为flutter根目录import'package:base/components/swiper.dart
pj0579·2022-02-14 20:49

node 项目常用依赖、组件、环境

1.解决跨域cors2.连接mongodb数据库mongoose3.前端ajax请求axios4.移动端和电脑端轮播图swiper5.1轮播图swiper5.2vue项目中轮播图vue-awesome-swiper6
·2022-02-14 10:20

SwipeRefreshLayout控件介绍

1.简介SwipeRefreshLayout是一种官方提供的下拉刷新的效果，在supportv4包中，android.support.v4.widget.SwipeRefreshLayout，SupportLibrary
世道无情·2022-02-14 05:34

React-native之开源轮播组件react-native-swiper（14）

一.简介这节介绍下使用第三方轮播组件react-native-swiper，github地址:https://github.com/leecade/react-native-swiper二.使用步骤（1
飞奔的小马·2022-02-13 20:08

微信小程序滚动Tab选项卡：左右可滑动切换

tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。二说明：
world_7735·2022-02-13 11:21

仿知乎日报首页滑动上拉效果

1.下拉刷新数据2.滑动到底部加载下一页数据3.随着列表页的滑动,头部的标题也发生变化.好,有了需求,我们一步一步实现.重点是第三个效果.1.首先,确定页面的布局从上往下:toolBar,下拉刷新控件swipeRefresh
wenny826·2022-02-13 10:54

适配性强的移动端select选项框

所以为了解决以上问题，基于swiper对select进行了优化改进，改进后的样式可以随意设置，实现多端样式统一。
吟游思人·2022-02-13 01:09

原生代码及JS兼容性

由于之前官网项目引入JQuery，bootstrap,和swiper，而且也只是用了部分的功能。性价比不高，加载过程太慢。这次全部推倒自己实现。倒是发现了不少兼容问题。
钱英俊真英俊·2022-02-12 17:40

react native 轮播组件

react-native-ezswiperhttps://github.com/easyui/react-native-ezswiper源码靠谱、简单，容易使用的轮播reactnative组件。
帅气的昵称不假·2022-02-11 23:26

swiper

固定版本号npmivue-awesome-swiper@4.1.1-Snpmiswiper@5.4.1-Smain.js里面引入importSwiperfrom"swiper";import'swiper
实质xing·2022-02-11 19:51

常用工具和代码

web常用网站整理在线工具类图片在线压缩工具网页特殊符号Tguidecss动画在线编辑anmition移动插件库雪碧图生成工具swiperEcharts官方API-百度地图名片常用代码块移动端适配//屏幕适应
夏至未至_95bf·2022-02-11 13:50

解决uni-app中swiper在部分情况下设置圆角不生效bug

真机上圆角没了轮播代码CSS代码.swiper{height:320rpx;border-radius:20rpx!
壹点微尘·2022-02-11 10:38

Vue-awesome-swiper

Vue-awesome-swiper的基本使用一、安装$npm/cnpminstallvue-awesome-swiper二、引入1、CDN（不需npm）Vue.use(window.VueAwesomeSwiper
页面仔小杨·2022-02-11 09:18

关于vue中swiper轮播图组件使用

前言：vue有许多开源组件提供使用，其中awesome-swiper组件就可以非常方便的创建各式各样的轮播图，下面来看看如何使用这个组件。
银月silvermoon·2022-02-11 08:53

Error: CSS minification error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of u...

最近做的H5宣传页，使用了vue-awesome-swiper插件后，运行npmrunserve没错，但是打包使用npmrunbuild时，不知道为什么报了这个错误：image.png起初尝试删除node_modules
向往自由的魔女·2022-02-10 22:10

Swiper常用属性记录

varswiper=newSwiper('.swiper-container',{direction:'horizontal',//默认是横向，可以设置竖向verticalSlides的滑动方向，可设置水平
仰望天空的人·2022-02-09 10:09

Flutter-swiper无限轮播插件

ps(搬运作者介绍,不喜勿喷)1、介绍swiper详细介绍请查看swiper插件地址链接.2、安装,最后版本按插件版本为准flutter_swiper:^lastest_version3,基础实现方式import'package
ForstDragon·2022-02-09 07:25

flutter_swiper 图片轮播

事例项目地址flutter_swiper中文地址以上链接中能看到flutter_swiper的基本用法。如有不懂的可以自行查看。
zda123000·2022-02-08 23:16

轮播图

1.安装和导入安装：npmireact-native-swiper–save导入：importSwiperfrom'react-native-swiper';2.使用image.pngimage.pngimage.pngimage.png3
安卓小白之小楼又东风·2022-02-08 23:05

react native Swiper-轮播图

github地址：https://github.com/leecade/react-native-swipernpmireact-native-swiper--save使用：}//未选中的圆点样式activeDot
wanTag·2022-02-08 17:20

vue 的ssr的轮播图vue-awesome-swiper

官网使用nuxt将vue服务器端渲染ssr成静态页面,利于seo搜索,使用starter模板创建,项目开发完成后，使用npmrungenerate轮播图插件:#vue-awesome-swiper参考地址
JennyGao66·2022-02-07 15:51

2018-03-21

cid=chn5b1658115e17f//一种swiper轮播的写法//js部分varfeatureSwiper=newSwiper('.swiper-container',{prevButton:'
从前慢pearl·2022-02-07 15:56

loader

cnpminstall--save-devswiperimport".
知识分享share·2022-02-07 13:43

2018-01-24

字段referer和user-agent不能进行更改二、catchtap会阻止事件冒泡bindtap不会//target指的是当前点击的组件：imageCurrentTarget指的是事件捕获的组件：swiper
多佳小昕·2022-02-07 10:20

无标题文章

动态include文件小助手，导航生成小助手+添加前端组件bootstrap、bootstrap-fileinput、bootstrapValidator、ckplayer、pdf、pdfObject、swiper
织梦行云_2418·2022-02-07 02:35

flutter好用的轮子推荐三-超强轮播图Swiper

前言Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。IT界著名的尼古拉斯·高尔包曾说：轮子是IT进步的阶梯！热门的框架千篇一律，好用轮子万里挑一！Flutter作为这两年开始崛起的跨平台开发框架，其第三方生态相比其他成熟框架还略有不足，但轮子的数量也已经很多了。本系列文章挑选日常app开发常用的轮子分享出来，给大家提高搬砖效率，同时也希望flutte
IT小孢子·2022-02-06 19:19

前端常用插件

touch.js--百度开发移动端手势库isscroll--js模拟上拉加载下拉刷新hammer--移动端手势库H5屏幕适配--flexible.jsjquerymobile--创建移动端应用Swiper
我是强强·2022-02-06 19:45

小程序开发基础-swiper 滑块视图容器

标题图小编/达叔小生参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/小程序开发基础-swiper滑块视图容器根据官方文档
魔王哪吒·2022-02-06 12:24

vue-awesome-swiper的用法&同一页面有多个swiper如何使用

前言：swiper.js的vue版api跟cdn引入事一样的api用法，共用官网那套api文档，此篇写下时，swiper.js的版本是Swiper4.x。
Lofan93·2022-02-05 20:20

微信小程序学习笔记-2.2 实现详情页的访问

2018/5/26继上2.2实现了swiper功能后，访问详细页肯定也是我们所需要的。
Tony 赵·2022-02-05 17:37

miniPrograms(Swiper)

小程序组件https://mp.weixin.qq.com/debug/wxadoc/dev/component/css背景知识body->width:100%,height:100%div/ul/li->width:100%。height默认由内容决定,但可手动设置。span->width,height默认由内容决定。display:block后可手动设置。img->width,height默认
余生筑·2022-02-03 03:28

轮播器

用swiper插件：html代码：css代码：js代码：adaptPageClass='content';$(function(){varmySwiper=newSwiper('.swiper-container
天字一等·2022-02-03 00:28

一起来了解下Swiper插件的使用和介绍

目录Swiper介绍swiper的使用代码实现总结Swiper介绍swiper是一款开源的解决前端开发中触摸滑动案例的插件swiper官网：swiper的使用使用swiper首先要下载swiper下载完成后在官网在线演示中找到你所需要的这里我选择了基础演示中的
·2022-01-27 16:19

vue-awesome-swiper的loop循环不管用了？！

今天在使用vue-awesome-swiper是遇到一个问题，就是loop属性填为true时仍然是无法循环，于是就上网查了一下，然后在这里记录一下。
·2022-01-22 14:34

vue中关于vue-awesome-swiper的用法，少走弯路

利用npm下载是这个指令：npminstallvue-awesome-swiper@3.1.3--save，对，这个版本不需要写成npminstallswipervue-awesome-swiper@3.1.3
·2022-01-22 14:02

【Android进阶】Flutter 雷达扫描效果、Flutter旋转扫描

效果图：1.测试Demo启动文件main(){runApp(MaterialApp(home:SignSwiperPage(),));}classSignSwiperPageextendsStatefulWidget
·2022-01-21 10:17

使npm下载并使用Swiper方法

安装npminstallswipervue-awesome-swiper--save使用:*组件不导入光设置属性不起作用；例如Autoplay组件不引入；在swiperOptions设置autoplay
hao102·2022-01-06 17:50

记录使用React Native开发App全过程

react-native-maps开发过程中记录safeAreaReactNavigation提供加上会去掉顶部和底部的高度StatusBar可以改变状态栏问题记录轮播图插件react-native-swiper
·2021-12-23 18:18
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他