更新记录
0.1.1(2024-11-22)
下载此版本
- [修复]添加宽度样式属性
0.1.0(2024-11-22)
下载此版本
stacked-carousel 堆叠轮播
组件名:stacked-carousel
<template>
<StackedCarousel :items="items" @itemTap="onItemTap"></StackedCarousel>
</template>
const items = [
{ id: 1, img: '../../static/001.jpg', name: '001' },
{ id: 2, img: '../../static/002.jpg', name: '002' },
{ id: 3, img: '../../static/003.jpg', name: '003' },
{ id: 4, img: '../../static/004.jpg', name: '004' },
{ id: 5, img: '../../static/005.jpg', name: '005' },
{ id: 6, img: '../../static/006.jpg', name: '006' },
{ id: 7, img: '../../static/007.jpg', name: '007' },
]
function onItemTap(item) {
console.log(item)
}
Attributes
Property |
Required |
Type |
Default |
items |
false |
Array |
[] |
threshold |
false |
Number |
30 |
enable3d |
false |
Boolean |
false |
Events
Property |
Type |
itemTap |
Function |
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.29 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
stacked-carousel 堆叠轮播
组件名:stacked-carousel
<template>
<StackedCarousel :items="items" @itemTap="onItemTap"></StackedCarousel>
</template>
const items = [
{ id: 1, img: '../../static/001.jpg', name: '001' },
{ id: 2, img: '../../static/002.jpg', name: '002' },
{ id: 3, img: '../../static/003.jpg', name: '003' },
{ id: 4, img: '../../static/004.jpg', name: '004' },
{ id: 5, img: '../../static/005.jpg', name: '005' },
{ id: 6, img: '../../static/006.jpg', name: '006' },
{ id: 7, img: '../../static/007.jpg', name: '007' },
]
function onItemTap(item) {
console.log(item)
}
Attributes
Property |
Required |
Type |
Default |
items |
false |
Array |
[] |
threshold |
false |
Number |
30 |
enable3d |
false |
Boolean |
false |
Events
Property |
Type |
itemTap |
Function |