轮播图带详情插件、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>

图片展示


相关推荐
李少兄1 小时前
HTML 表单控件
前端·microsoft·html
java水泥工2 小时前
课程答疑系统|基于SpringBoot和Vue的课程答疑系统(源码+数据库+文档)
spring boot·vue·计算机毕业设计·java毕业设计·大学生毕业设计·课程答疑系统
学习笔记1012 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
消失的旧时光-19432 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
曹牧3 小时前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台3 小时前
海龟交易系统R
前端·人工智能·r语言
歪歪1003 小时前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
Captaincc4 小时前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
吃饺子不吃馅5 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
theOtherSky5 小时前
element+vue3 table上下左右键切换input和select
javascript·vue.js·elementui·1024程序员节