更新记录
0.1.3(2024-11-23)
下载此版本
1.插槽
0.1.2(2024-11-23)
下载此版本
1.优化排序;
0.1.1(2024-11-22)
下载此版本
- [修复]添加宽度样式属性
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
× |
√ |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
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 |
Slots
Name |
Description |
content |
显示内容 |
<template>
<stacked-carousel :items="items">
<template #content="{ item }">
<text>{{item.name}}</text>
</template>
</stacked-carousel>
</template>