更新记录
1.0.0(2024-07-09)
下载此版本
初次更新
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
- |
× |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
× |
× |
无限滚动展示
参数 |
类型 |
默认值 |
描述 |
list |
Array |
[] |
滚动展示的图片 |
width |
String |
100% |
卡片宽度 |
bgColor |
String |
#fff |
卡片背景色 |
imageSize |
String |
110rpx |
图片大小 |
case
<template>
<view>
<week-rolling-display :list="list" />
</view>
</template>
<script>
import weekRollingDisplay from '@/components/week-rollingDisplay/week-rollingDisplay.vue'
export default {
components: {weekRollingDisplay},
data() {
return {
list: [
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/11.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/10.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/12.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/6.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/4.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/11.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/10.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/12.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/6.jpg',
'https://img-cdn-tc.dcloud.net.cn/uploads/nav_menu/4.jpg'
]
}
}
}
</script>