swiper 组件竖向轮播滚动失效
时间：2019-05-03 来源：小程序工厂
swiper 组件竖向轮播滚动失效，behaviors中properties的observer调用自定义组件中的方法。是否跟swiper-item里的组件多少有关?
想实现一个定时向上滚动的效果，于是乎想到了swiper, 然后设置swiper的vertical属性为true, 依次设置其它属性，但是尝试多次后并没有实现轮播滚动的效果
代码示例如下:
image>
view>
{{swiperItem.nickname}}text>
view>
还差text>
1人text>
拼成text>
view>
剩余17:43:00text>
view>
view>
去参团text>
view>
swpier-item>
block>
swpier>
.swiper__content {
width: 100%;
height: 240rpx;
overflow: hidden;
}
.swiper__item {
width: 100%;
box-sizing: border-box;
height: 120rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #eee;
}
.swiper__avatar {
width: 64rpx;
height: 64rpx;
}
.swiper__avatar--img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.swiper__nickname {
flex: 1;
margin-left: 20rpx;
font-size: 14px;
}
.swiper__progress {
width: 200rpx;
}
.progress_desc {
font-size: 14px;
}
.progress_desc--color {
color: #EB4A52;
}
.progress_time {
font-size: 12px;
}
.swiper__join {
width: 120rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #EB4A52;
border-radius: 10rpx;
}
然后再就是如果单独抽出来做成一个自定义组件设置swiper组件的样式会失效（比如高度），得在swiper外边加一个view再设置高度或其他样式才可以，封装为自定义组件后组件里包含的swiper样式失效，但是swiper-item样式正常
不过现在是无论是否单独封装成组件还是直接在wxml中，swiper组件设置vertical属性失效，不会出现任何上下轮播滚动的效果
不知道是什么情况，请大神帮忙看下到底是哪里出错了??
微信小程序开发问题解答 本文来自微信小程序工厂 http://www.xcxgc.com，转载请保留。
本文网址：http://www.91bianli.com/weixinxiaochengxu/29136.html
想实现一个定时向上滚动的效果，于是乎想到了swiper, 然后设置swiper的vertical属性为true, 依次设置其它属性，但是尝试多次后并没有实现轮播滚动的效果
代码示例如下:
view>
view>
view>
view>
view>
view>
swpier-item>
block>
swpier>
.swiper__content {
width: 100%;
height: 240rpx;
overflow: hidden;
}
.swiper__item {
width: 100%;
box-sizing: border-box;
height: 120rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #eee;
}
.swiper__avatar {
width: 64rpx;
height: 64rpx;
}
.swiper__avatar--img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.swiper__nickname {
flex: 1;
margin-left: 20rpx;
font-size: 14px;
}
.swiper__progress {
width: 200rpx;
}
.progress_desc {
font-size: 14px;
}
.progress_desc--color {
color: #EB4A52;
}
.progress_time {
font-size: 12px;
}
.swiper__join {
width: 120rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #EB4A52;
border-radius: 10rpx;
}
然后再就是如果单独抽出来做成一个自定义组件设置swiper组件的样式会失效（比如高度），得在swiper外边加一个view再设置高度或其他样式才可以，封装为自定义组件后组件里包含的swiper样式失效，但是swiper-item样式正常
不过现在是无论是否单独封装成组件还是直接在wxml中，swiper组件设置vertical属性失效，不会出现任何上下轮播滚动的效果
不知道是什么情况，请大神帮忙看下到底是哪里出错了??
微信小程序开发问题解答 本文来自微信小程序工厂 http://www.xcxgc.com，转载请保留。
微信小程序开发者回答：
L***：
你好，我试了下，看起来 vertical circular 等属性都没看到有什么异常。请问具体是什么问题呢？
要***：
改成
【51小程 序】请管理员 尽快解决， 微信小程序 卡券领取后， 删除ios， 还显示已领取--小 ...
要***：
改成
试试
L***：
@要账的 这两种写法等价的。楼主的问题已经解决了，我先关闭了。
要***：
如果按照这样规范写的话
如果设置为false是不是应该
这个写法不是认为字符串的吗 永true
我觉得应该这样写
或者
这样是不是更规范
【微信小程序问题】IOS录制视频，通过微信小程序用安卓机无法播放
L***：
这样说也很有道理。
S***：
sorry，是我的问题，你说的这些属性的书写格式应该都可以，关键的是我的swiper标签名写错了，我也是排查了半天发现了这个问题，是swiper而不是swpier,这才是导致滚动失效的真正原因
本文网址：http://www.91bianli.com/weixinxiaochengxu/29136.html
相关文章
- 微信小程序自定义组件不能进行form提交
- wx.uploadFile组件的RequestMethod发生了变化##微信小程
- 输入框输入数字问题
- 会员卡组件输入错误手机号和错误验证码也能成
- map组件circle可以有点击事件吗？&微信小程序开发
- 表单组件中的name属性能否支持数组格式提交？
- 怎么让input组件的宽度有value值撑开+微信小程序开发
- camera组件缩小后iPhone机上无法显示全部图像-微信
- 【自定义组件】问题#微信小程序开发教程
- 组件内画图第一次成功第二次就不行了
- 组件内画图第一次成功第二次就不行了
- 请问一下 image组件挤压上部导航栏，如内容图片
- 自定义组件中使用slot插入cover-view报错，微信小程序开
- 官方，scroll-view组件的安卓bug##微信小程序开发教程
- 微信小程序微信小程序 使用webview组件 网络出错，轻
- 动态修改map组件的markers，会闪动，微信小程序开发
- 组件的 background-size 属性是啥##微信小程序开发
- 自定义组件有没有类似vue的作用域插槽的概念啊
- swiper结合上拉加载问题--微信小程序开发教程
- 怎么在组件加载时调用事件
- onReachBottom结合swiper，overflow-y只触发一次的问题
- 微信小程序手机号快速填写组件问题&微信小程
- 微信小程序媒体组件 seek 方法在安卓和苹果上时间定
- 关于微信小程序地图中气泡显示
