Swiper 第52页

jqweui tabbar使用示例

height:100%;-webkit-tap-highlight-color:transparent;}隔离防护乳试用装来袭护肤打卡肌肤测试必读宝典xxx官网页面二页面三页面四8首页变美粉丝圈我的$(".swiper-container

weixin_30628077·2020-08-01 03:54

小程序之 swiper高度根据图片高度变化

今天做的是这个效果⬇️swiper的高度根据图片的高度而改变wxml：data:{pl:false,inputMB:false,zanimg:'../../..

weixin_30444105·2020-08-01 03:11

微信小程序滚动列表（无限滚动）

效果图1.0实现方式是利用小程序原声组件swiper，方向设置为纵向：vertical=‘true’设置同时显示的滑块数量：display-multiple-items=‘4’设置自动轮播：autoplay

进阶的码农·2020-08-01 02:14

slick插件使用事项

为什么要用slick而不用swiper？

我是xy·2020-08-01 02:30

Android开发(50) 使用 SwipeRefreshLayout实现下拉刷新

概述谷歌官方推出了SwipeRefreshLayout来实现下拉刷新的效果。对比以前我们常用的pull-to-refesh，这个方案显得更加的简单方便。

张云飞Vir·2020-08-01 02:32

Android-Tips（实用Android开发技巧）

（findAPIchanges）问题来源：SwipeRefreshLayout源码：判断子View是否能向上滚动（或者是否滚动到顶部）：/***@returnWhetheritispossibleforthechildviewofthi

simplify20·2020-08-01 02:11

4-8 数据绑定扩展

知识点1、在swiper里面设置vertical=“false”时候，并不能水平，因为小程序把false转化成字符串，字符串为ture。

王海洋_前端·2020-08-01 01:20

解决嵌套的RecyclerView和SwipeRefreshLayout下滑冲突问题

mRecyclerView.addOnScrollListener(newRecyclerView.OnScrollListener(){@OverridepublicvoidonScrolled(RecyclerViewrecyclerView,intdx,intdy){super.onScrolled(recyclerView,dx,dy);//设置RecyclerView滑到顶部时，Swip

盛大人很低调·2020-08-01 00:37

小程序 - swiper中嵌套使用scroll-view

效果如下需要注意的地方swiper标签有默认的高度，展示更多的话需要另外设置height值这里的scroll-view设置占满整个屏幕，height设置100%；swiper的height设置成屏幕的高度

jnChen10·2020-08-01 00:55

jquery weui 图片浏览器Photo Browser 如何使用？

对应组件地址：http://jqweui.com/extends#swiper先说说业务场景：类似朋友圈这样的布局效果，点击小图可以浏览大图，并支持大图左右切换，效果图如下（加了滚动加载更多的操作在里面

rmnjava·2020-07-31 23:33

Vue2.0系列——vue封装swiper轮播组件--

1、父组件传递给子组件数据；2、子组件通过props接收数据；3、v:bind以及v-for的使用；4、实现了轮播组件。前一篇我们搭建了一个vue2+webpack2的框架，实现了一个全局导航组件。今天说说在vue中使用轮播组件的选择（会造轮子的自己写轮播特效）。父组件如何传递数据给子组件？官网有这么一段内容来介绍。简单来说就是通过props实现父组件的数据流向子组件。Prop使用Prop传递数据

qxfjyk·2020-07-31 23:12

微信小程序中关于textarea组件的坑

最近的一个项目是微信小程序，这个textarea真的是让人很难受啊，我先说一下我遇得到的坑：1、在swiper里面使用了（我知道不建议用，但是没办法.....就是这种需求没办法），然后在两个swiper-item

刀馬·2020-07-31 23:38

微信小程序之swiper bindchange 陷入死循环的解决方法

背景说明由于公司需求需要，需要按照返回值设置当前swiper的curren值，造成swiper的闪烁、抖动问题，现在分享出来我的解决方案先来查看swiper的一些事件方法属性类型默认值必填说明bindchangeeventhandle

celestine113·2020-07-31 23:18

微信小程序使用微信组件swiper实现中间大图另外两张小图

效果实现思路使用微信组件swiperswiper组件apiprevious-margin、next-margin属性名类型默认值类型说明previous-marginString“0px”前边距，可用于露出前一项的一小部分

celestine113·2020-07-31 23:18

vue 中rtmp播放、移动端pdf预览、vux实现tab切换swiper内含上拉加载

(源码)https://gitee.com/ai1314/vue-demo.git使用vux中的swiper+Scroller实现上拉加载vux（https://doc.vux.li/zh-CN/）*在很多

彻夜不归·2020-07-31 22:57

微信小程序选项卡(数据双层循环)

第一种：swiper选项卡，可点击可滑动（swiper自带了一个150的高度，高度不好控制）html{{item.title}}-->菜单一菜单二菜单三{{cell.title.titlestr}}--

闲来无事垂钓·2020-07-31 22:43

Android 原生下拉刷新SwipeRefreshLayout 与 RecycleLayout 使用

XML中配置：接下来是代码的实现：privatevoidinitData(Viewview){mDatas=newArrayList{@OverridepublicMyViewHolderonCreateViewHolder(ViewGroupparent,intviewType){MyViewHolderholder=newMyViewHolder(LayoutInflater.from(get

荣智超·2020-07-31 22:06

小程序轮播图指示器样式

微信小程序的swiper组件是滑块视图容器，也就是说平常我们看到的轮播图就可以用它来做，不过这个组件有很多样式是固定的，但是，有时候我们的设计稿的面板指示点是需要个性化的，那么如何去修改swiper组件的面板指示点的样式呢

清风挽离人·2020-07-31 22:38

微信小程序之选项卡

微信小程序里没有自带选项卡组件，但是却带有swiper组件，所以，我们便利用swiper来实现选项卡的功能。

king-w·2020-07-31 22:41

微信小程序swiper自适应高度

swiper组件如果没有高度是不显示的，网上有的朋友会用js去动态获取图片高度再给swiper设置高度（这种方法繁琐）我下面用css来让swiper自适应（bannerList为存放图片的数组，backgroundImg

cq-wangyong·2020-07-31 21:16

小程序所有的标签

一、视图容器(ViewContainer)：view视图容器scroll-view可滚动视图容器swiper可滑动的视图容器二、基础内容(BasicContent)icon图标text文字progress

蒙奇D路飞12138·2020-07-31 21:12

微信小程序js开发 swiper，带圆点和列表

由于微信小程序不可引用第三方框架，所以当你需要一个带圆点的swipe的时候就需要自己手动去写了，这里是我手动封装了一个基于微信小程序的swiper！

张张张的博客·2020-07-31 21:18

Flutter 自定义选项卡

自定义选项卡外加吸顶吸顶主要是SliverAppBar(//吸顶pinned:true,import'package:flutter/material.dart';//导入swiper组件import'package

IT小小猴子·2020-07-31 21:10

微信小程序动态控制Swiper高度

.js//计算swipercalculateSwiperHeight:function(){let_that=this;letquery=wx.createSelectorQuery()if(_that.data.currentIndex

Elijah001·2020-07-31 21:36

微信小程序 swiper选项卡自适应高度

微信小程序swiper自适应高度大概是这样子的,直接粘贴估计会报错，我是接了接口的，你们自己写点数据把-->请输入订单号-->已支付({{allpay.paid_count}})未支付({{allpay.un_paid_count

nikigyq·2020-07-31 21:57

mpvue使用微信小程序原生swiper组件实现轮播图

废话不多说,直接上代码:在components文件夹下自定义一个组件叫swiper.vue,代码如下:exportdefault{props:{images:{type:Array}},data(){return

TheNowWjj·2020-07-31 21:20

微信小程序：使swiper的高度沾满整个屏幕

swiper组件的高度默认是150px，设置高度100%也无法生效，因为外部的组件没有固定的高度，这时就需要通过js来过去屏幕的高度并给swiper设置data:{swiperHeight:0;//初始时

今天写了亿个bug·2020-07-31 20:05

微信小程序幻灯的swiper标签宽和高度自适应

本方案解决微信小程序幻灯的swiper标签宽和高度自适应方案，费话少说直接上代码：.wxhl中的代码：css代码：.banner{width:100%;height:auto;display:block

leiyu0129·2020-07-31 19:38

微信小程序swiper的自适应高度

小程序组件swiper需要指定固定高度，但在某些场景中我们需要动态设置swiper的高度以完整展示swiper中的内容，比如高度不同的图片，笔者最近项目中的日历组件(31号有时会多出一行)等等，如何使swiper

kkndyyrolf·2020-07-31 19:42

swiper兼容IE

之前用swiper3发现IE低版本不兼容，原因是swiper3适用于移动端，PC需要使用swiper2//引入资源文件//HTML代码slide1slide2slide3//js代码varmySwiper

鱼儿哟·2020-07-31 18:20

Flutter Swiper （轮播）

引入flutter_swiper插件pubspec.yaml文件中引入：dependencies:flutter_swiper:^1.1.6作用及使用多种轮播方式组件参考网址：flutter_swiper

郭文武·2020-07-31 18:01

微信小程序点击分类跳到对应商品，滚动商品，对应详情选中,

good_pic{width:100%;height:600rpx;border-bottom:1rpxsolid#ddd;}.back{position:fixed;top:30rpx;z-index:99;}.swiper

猫清·2020-07-31 18:23

小程序swiper 和scroll-view结合做切换的滑动效果（taro）

importTaro,{Component}from'@tarojs/taro'import{View,Text,ScrollView,Image,Swiper,SwiperItem}from'@tarojs

after you·2020-07-31 17:11

微信小程序 swiper 轮播图高度自适应

小程序中使用swiper组件，实现轮播图高度自适应效果。

檬七·2020-07-31 17:04

微信小程序开发—(三)选项卡

在pages文件里面创建swipertab文件夹1.编写页面结构:swipertab.wxmltab一tab二tab三tab一tab二tab三2.设置数据:swipertab.js//获取应用实例varapp

面条请不要欺负汉堡·2020-07-31 17:12

出色的html滑动效果库 swiper -例子5 横向自由滑动可以滑动部分

download.csdn.net/detail/feisy/6638105官网例子：使用iframe来在同一个页面里面加入了很多各种不同的演示http://www.idangero.us/sliders/swiper

Feisy·2020-07-31 17:38

出色的html滑动效果库 swiper -例子4 超长单栏横向滑动

download.csdn.net/detail/feisy/6638105官网例子：使用iframe来在同一个页面里面加入了很多各种不同的演示http://www.idangero.us/sliders/swiper

Feisy·2020-07-31 17:38

swiper中加了autoheight后swiper-wrapper的高度显示不正确的解决方法

前段时间在做项目的时候用到了swiper来做Tab切换，但是却遇到了下面的问题：swiper中加了autoheight后swiper-wrapper的高度显示不正确，functionchangeQuestion

老虎帅呆了·2020-07-31 17:58

移动web Swiper选项卡内容高度自适应

swiper.js手机触屏滑动选项卡标签切换代码*{margin:0;padding:0;font-family:"微软雅黑";}.wrap{margin:0auto;}.tabs{height:32px

夏末_阳光依然耀眼·2020-07-31 16:23

在vue里使用swiper。

.m-modal.shade{position:fixed;display:none;z-index:1;width:100%;height:100%;left:0;top:0;background-color:#000000;}.m-modal.box{position:fixed;display:none;z-index:2;width:90%;height:90%;background-co

冰谷悠·2020-07-31 15:50

滑块视图容器-轮播图

这里需要AppID，把index.wxml中的都删掉，index.wxss中的也都删掉，app.wxss中的也都删掉，只留下注释内容的第一行，index.js中page都删掉文档中，视图容器下面的swiper

要加油啊小和尚·2020-07-31 15:03

微信小程序中动态添加删除class类名使用三元表达式动态设置标签的class名

目的，在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层。

SupperPigger·2020-07-31 14:51

关于uniapp使用swiper及swiper-iteam及scroll-view上下滑动及宽高问题（一）

在uniapp中使用swiper必须要设置高度，一般都是动态设置。一种是高度*数量，这里不做详解。最简单的一种是使用flex布局配合swiper+scroll-view实现（最简单）。

SupAack·2020-07-31 14:20

微信小程序 swiper高度自适应

wxml：js:bindload:function(e){//获取图片真实宽度varwidth=e.detail.width;varheight=e.detail.height;//宽高比varscale=width/height;//计算的高度值varviewHeight=750/scale;this.setData({imgHeight:viewHeight})},

Nina_xy123·2020-07-31 14:06

vue-cli3.0+vant出现的问题总结

1、轮播图在ios9以下都不能滑动解决办法：https://github.com/surmon-china/vue-awesome-swipernpminstallvue-awesome-swiper-

mschange·2020-07-31 14:21

微信小程序swiper轮播图组件使用

swiper基础库1.0.0开始支持，低版本需做兼容处理。滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

JackieDYH·2020-07-31 14:55

微信小程序-swiper自适应设置高度

需求背景项目需要做一个swiper切换栏,但是每个swiper-item中有一个类似手风琴风格的收缩栏,展开后其内容不定,高度不定,无法预知,由于微信小程序的swiper组件并不是自适应高度的,所以就需要通过某些方法使其自适应首先要动态设置

Skime Ma·2020-07-31 13:19

mpvue使用微信小程序原生组件scroll-view，swiper，movable-view的方法

公司做小程序要用mpvue来做，mpvue没有文档肿么办，公司只有我一个前端啊啊啊啊，这下写代码纯属靠猜了这不遇到问题了，下拉事件怎么整，传统的ui组件会报错……，逼着用小程序原生的组件，写呗，但是触发不了事件啊，心累……好不容易弄好了，在这里以为例子介绍，mpvue使用微信小程序原生组件的方法，真心躺坑过来的，蓝瘦香菇……小程序官网例子是这样的官网地址verticalscrollclickmet

Shuah153·2020-07-31 12:59

vue项目笔记（25）-公共组件拆分

公共组件常用的目录结构如下（其中Gallery.vue就是公共组件）：Gallery.vue中的图片需要有轮播效果，故采用swiper，swiper中相关配置如下（详情参考swiper3官网）：在Gallery.vue

ZYN5431·2020-07-31 12:37

uniapp父子组件之间传值

虽说是uniapp，但是实际上就是vue的父子组件之间传值，先来看下要实现什么效果图：父组件index.vue：子组件swiper-tab-head:总结：1.在父组件引入子组件2.父传子用props；

睫毛长长的舒克·2020-07-31 11:48

推荐频道

Swiper