源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

微信小程序中的swiper组件详解

  • 时间:2020-09-16 15:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序中的swiper组件详解
[b]微信小程序中的swiper组件[/b] 微信小程序中的swiper组件真的是简单方便 提供了页面中图片文字等滑动的效果
<swiper>
  <swiper-item></swiper-item>
  <swiper-item></swiper-item>
  <swiper-item></swiper-item>
</swiper>
这里的就是一个滑块视图容器;而就是你希望滑动的东西,可以是文字也可以是image 其中swiper有很多属性。常用的有 [list] [*]属性名                      默认值                        作用[/*] [*]indicator-dots         false                         是否显示面板指示点[/*] [*]indicator-color        rgba(0, 0, 0, .3)         指示点的颜色[/*] [*]indicator-active-color        #000000        当前选中的指示点颜色[/*] [*]autoplay                  false                         是否自动播放[/*] [*]intervaly                  5000                         自动切换时间间隔 [/*] [/list] 更多的属性可以去查看微信小程序官方教程 https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html 这里vertical=”true”在官方文档中没有提到,定义这个可以上下滑动 还有一点需要注意vertical=”false”时,仍然是上下滑动,原因就是微信小程序在解析时将”false”看成字符串,只要字符串不为空,就为真。所以我们需要这样写:vertical=”{{false}}” 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部