微信小程序swiper组件件加载长页面 如何滑动

来源：蜘蛛抓取(WebSpider) 时间：2018-06-24 12:39 标签： 小程序swiper禁止滑动
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
微信小程序 swiper组件无法滑动，但是可以自动切换
&swiper class="goods-slide" indicator-dots="true" autoplay="true" interval="3000" duration="1000"&
&block wx:for="{{swipeImg}}" wx:key="*this"&
&swiper-item&
&image src="{{item}}" class="slide-image" mode="aspectFill" &&/image&
&/swiper-item&
是什么问题呢？？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
微信小程序更新以后，swiper-item中放入image标签存在上述问题，可以在swiper-item中插入view标签，在标签上放背景图可以实现你想要的滑动效果，然后调整下css样式就可以了，记得给view设置高度。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
今天更新的版本里修复了这个问题
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。拒绝访问 | www.yuedudg.cn | 百度云加速
请打开cookies.
此网站 (www.yuedudg.cn) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(343fb-ua98).
重新安装浏览器，或使用别的浏览器微信小程序入门实例：navbar、swiper&应用-微信小程序开发社区
&&作者：xiaochun365，来自原文地址一：swiper
应用//jsvar imgUrls = Page({ data: { imgUrls: imgUrls, autoplay:
true,//是否自动切换 indicatorDots: true,//是否显示圆点 interval: 5000,//自动切换间隔
http://www.wxapp-union.com/portal.php?mod=view&aid=2022
作者：xiaochun365，来自
一：swiper 应用
"http://img02.tooopen.com/images//tooopen_sy_.jpg"
"http://img06.tooopen.com/images//tooopen_sy_.jpg"
"http://img06.tooopen.com/images//tooopen_sy_.jpg"
true,//是否自动切换
indicatorDots:
true,//是否显示圆点
5000,//自动切换间隔
//滑动动画时长
indicatorColor:
"blue",//滑动圆点颜色
indicatorActiveColor:
//当前圆点颜色
//当前所在页面的 index
//是否采用衔接滑动
//其中只可放置组件，否则会导致未定义的行为。
imageLoad:
//bindload 图片加载的时候自动设定宽度
this.setData({
imageWidth:
wx.getSystemInfoSync().windowWidth
swiperChange:
console.log("current
改变时会触发 change 事件")
indicator-dots="{{indicatorDots}}"
current="{{current}}"
circular="{{circular}}"
indicator-active-color="{{indicatorActiveColor}}"
indicator-color="{{indicatorColor}}"
autoplay="{{autoplay}}"
interval="{{interval}}"
duration="{{duration}}"
bindchange="swiperChange"&
wx:for="{{imgUrls}}"
wx:key="image"&
src="{{item.image}}"
model="aspectFit"
style="width:
{{imageWidth}}px;"
bindload="imageLoad"
二：navbar
view plain copy
that.setData({
dateValue:
util.formatTime(new
//picker date
appInstance.typeList,
currentTypeId:
//添加点击模板点击事件
appInstance.typeList.length;
pageObject['bind'
this.setData({
currentTypeId:
e.currentTarget.dataset.index
})(appInstance.typeList[i])
class="menu"&
wx:for="{{typeList}}"
wx:for-item="type"
wx:key="{{index}}"
wx:for-index="{{index}}"&
bindtap="bind{{type.id}}"
data-index="{{type.id}}"
class="{{currentTypeId==type.id?'yesCurrentType':'noCurrentType'}}"&{{type.name}}
class="timePicker"
mode="date"
value="{{dateValue}}"
bindchange="datePickerBindchange"
end=""&时间：{{dateValue}}
class="selReportImg"
src="../images/clock.png"&
.timePicker
solid red;
flex-direction:
align-items:
flex-start;
justify-content:
space-between;
.noCurrentType
padding-left:
background-color:
.yesCurrentType
padding-left:
极乐网专注于与运用
www.wxapp-union.com
【版权提示】倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至，我们将及时沟通与处理。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。只需一步，快速开始
后使用快捷导航没有帐号？
所属分类： &
微信小程序开发的日历组件，用swiper实现，可左右滑动选择
查看: 1117|回复: 79
& 主题帖子积分
新人求带, 积分 118, 距离下一级还需 382 积分
新人求带, 积分 118, 距离下一级还需 382 积分
本帖最后由 画饼充饥 于
16:56 编辑
微信小程序开发的日历组件，用swiper实现，可左右滑动选择
显示模式：有按星期显示和按月显示两种模式
微信小程序swiper的文档：
0407.png (11.18 KB, 下载次数: 2)
16:56 上传
游客，如果您要查看本帖隐藏内容请
关注我的同学（只显示前32名）
& 主题帖子积分
新人求带, 积分 66, 距离下一级还需 434 积分
新人求带, 积分 66, 距离下一级还需 434 积分
顶顶顶，支持好源码
& 主题帖子积分
新人求带, 积分 216, 距离下一级还需 284 积分
新人求带, 积分 216, 距离下一级还需 284 积分
绝世好文，不得不顶
& 主题帖子积分
专家路上, 积分 1284, 距离下一级还需 3716 积分
专家路上, 积分 1284, 距离下一级还需 3716 积分
这个很不错的样子
& 主题帖子积分
专家路上, 积分 1284, 距离下一级还需 3716 积分
专家路上, 积分 1284, 距离下一级还需 3716 积分
这个很不错的样子
& 主题帖子积分
新人求带, 积分 97, 距离下一级还需 403 积分
新人求带, 积分 97, 距离下一级还需 403 积分
营销海报 2.5.9 灵活的海报插件
& 主题帖子积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
不错不错挺好
& 主题帖子积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
& 主题帖子积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
& 主题帖子积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
专家路上, 积分 2693, 距离下一级还需 2307 积分
www.henkuai.com—微信开发者的分享交流平台，专注微信开发生态。
天津市滨海新区中新生态城中成大道生态建设公寓9号楼3层301
微信公众号为了账号安全，请及时绑定邮箱和手机
微信小程序swiper怎么禁止滑动
微信小程序swiper怎么禁止滑动。实在不知道怎么解决求大神
swiper组件本身就是滑动组件,只能设置不自动滑动,不能禁止滑动,除非item只有一个,那swiper也就没意义了.附上swiper的官方文档
你还没有登录，请先登录或注册慕课网帐号
的确。找了很久没有发现这个api，只能自己绕弯路来禁止这个滑动了。
你还没有登录，请先登录或注册慕课网帐号
25891人关注
59388人关注
22951人关注
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11

我要回帖

更多关于 小程序swiper禁止滑动 的文章

 

随机推荐