更新记录

0.1.1(2024-11-22) 下载此版本

  1. [修复]添加宽度样式属性

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

平台兼容性

Vue2 Vue3
×
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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问