一、swiper 组件的常用属性
属性 |
类型 |
默认值 |
说明 |
indicator-dots |
boolean |
false |
是否显示面板指示点 |
indicator-color |
color |
rgba(0, 0, 0, .3) |
指示点颜色 |
indicator-active-color |
color |
#000000 |
当前选中的指示点颜色 |
autoplay |
boolean |
false |
是否自动切换 |
interval |
number |
5000 |
自动切换时间间隔 |
circular |
boolean |
false |
是否采用衔接滑动 |
二、image 组件的 mode 属性
image 组件的 mode 属性用来指定图片的裁剪和缩放模式,常用的 mode 属性值如下:
mode 值 |
说明 |
scaleToFill |
(默认值)缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 |
aspectFit |
缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。 |
aspectFill |
缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。 |
widthFix |
缩放模式,宽度不变,高度自动变化,保持原图宽高比不变 |
heightFix |
缩放模式,高度不变,宽度自动变化,保持原图宽高比不变 |