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

图片展示


相关推荐
Bacon5 分钟前
前端:从0-1实现一个脚手架
前端
Bacon7 分钟前
前端项目部署实战 nginx+docker持续集成
前端
beckyye12 分钟前
阿里云智能语音简单使用:语音识别
前端·语音识别·录音
东东23322 分钟前
前端规范工具之husky与lint-staged
前端·javascript·eslint
jump68026 分钟前
手写事件总线、事件总线可能带来的内存泄露问题
前端
岁月宁静1 小时前
在 Vue 3.5 中优雅地集成 wangEditor,并定制“AI 工具”下拉菜单(总结/润色/翻译)
前端·javascript·vue.js
执沐1 小时前
基于HTML 使用星辰拼出爱心,并附带闪烁+流星+点击生成流星
前端·html
atwednesday1 小时前
日志处理
javascript
#做一个清醒的人1 小时前
【electron6】Web Audio + AudioWorklet PCM 实时采集噪音和模拟调试
前端·javascript·electron·pcm
拉不动的猪1 小时前
图文引用打包时的常见情景解析
前端·javascript·后端