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

图片展示


相关推荐
mCell19 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip19 小时前
Node.js 子进程:child_process
前端·javascript
excel1 天前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel1 天前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼1 天前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping1 天前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙1 天前
[译] Composition in CSS
前端·css
白水清风1 天前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix1 天前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户22152044278001 天前
new、原型和原型链浅析
前端·javascript