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

超级好用的轮播图

介绍

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

访问地址

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

参数介绍

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

signData: 轮播的参数;

autoPlay:是否自动播放;

marginLeft: 左边距;

marginRight:右边距;

circular: 播完后是否从头开始播放;

clickDetail: (Func)点击后需要执行的函数

使用方法(简单使用,参数结构点击链接查看详情)

插件地址

javascript 复制代码
// 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>

图片展示


相关推荐
m0_7482550226 分钟前
前端常用算法集合
前端·算法
真的很上进40 分钟前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
web130933203981 小时前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_2341 小时前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1232 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
洗发水很好用2 小时前
uniApp打包H5发布到服务器(docker)
uni-app
滚雪球~3 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语3 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport3 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg3 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全