本文介绍了uniApp中的Swiper组件，它是一个滑块视图容器，用于实现一屏一屏的切换效果。内容强调了Swiper和普通滚动的区别，并详细说明了Swiper-item的使用规则，包括它们的宽高设置和与父组件的关系。同时，提到了change事件及其detail中的source字段，用于区分变化是由自动播放还是用户触摸引起。
滑块视图容器。注意滑动切换和滚动的区别，滑动切换是一屏一屏的切换。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。
change 事件返回 detail 中包含一个 source 字段，表示导致变更的原因，可能值如下：
- autoplay 自动播放导致swiper变化。
- touch 用户划动引起swiper变化。
- 其他原因将用空字符串表示。
仅可放置在 <swiper> 组件中，宽高自动设置为100%。注意：宽高100%是相对于其父组件，不是相对于子组件，不能被子组件自动撑开。
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| item-id | String | 该 swiper-item 的标识符 |
| 属性名 | 类型 | 默认值 | 说明 | 平台差异说明 |
|---|---|---|---|---|
| indicator-dots | Boolean | false | 是否显示面板指示点 | |
| indicator-color | Color | rgba(0, 0, 0, .3) | 指示点颜色 | |
| indi |
最低0.47元/天 解锁文章
扫一扫
5548
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
