轮播图带详情插件、uniApp插件

超级好用的轮播图

• • 介绍
  • 访问地址
  • 参数介绍
  • 使用方法（简单使用，参数结构点击链接查看详情）
  • 图片展示

介绍

带有底部物品介绍以及价格的轮播图组件，持续维护，uniApp插件，直接下载填充数据就可以在项目里面使用

访问地址

轮播图 插件 使用，详情地址

参数介绍

Carousel 采用uniapp技术，可实现根据需求设置自动轮播

signData: 轮播的参数；

autoPlay：是否自动播放；

marginLeft： 左边距；

marginRight：右边距；

circular： 播完后是否从头开始播放；

clickDetail： （Func）点击后需要执行的函数

使用方法（简单使用，参数结构点击链接查看详情）

插件地址

// An highlighted block
<template>
    <carousel :sign-data="signData" :click-detail="clickBanner" :margin-right="20" :margin-left="20"></carousel>
</template>

<script>
    import carousel from '../components/carousel/carousel.vue'

    export default {
        components: {
            carousel
        },
        data() {
            return {
                signData: []
            }
        },
        methods: {
            clickBanner(item) {
                console.log("index-conso", item)
            }
        }
    }
</script>

图片展示