当前位置: 首页 > news >正文

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

图片展示

在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/510659.html

相关文章:

  • 云计算时代携程的网络架构变迁
  • USB 状态机及状态转换
  • Go C编程 第6课 无人机 --- 计算旋转角
  • C++-----图
  • mysql 数据库迁移到达梦数据库
  • 【记录】使用R2 CDN替换本地项目图片以加速图片加载
  • 12.13[java exp4][debug]nginx 500,究极未解之谜,出自重启,解决自重启,迷???
  • Disruptor 高性能环形消息框架
  • Python列表(二)
  • 计算机网络:应用层 —— 网络应用模式
  • @Repository注解和@mapper的区别
  • 解锁成长密码:探寻刻意练习之道
  • cuda-cuDnn
  • 如何使用Python和PIL库生成带竖排文字的封面图像
  • 低代码开发 实战转型案例一览
  • SQL Server中FIRST_VALUE和 LAST_VALUE窗口函数允许在一个指定的窗口内返回第一个或最后一个值
  • 机器学习-高斯混合模型
  • 微信V3支付报错 平台证书及平台证书序列号
  • 41.欠采样技术下变频不能用与跨两个nyquist的情况下
  • 20241227通过配置nomodeset参数解决更新grub之后,ubuntu20.04.5无法启动的问题
  • 从 GitLab.com 到 JihuLab.com 的迁移指南
  • 深度学习中的并行策略概述:2 Data Parallelism
  • Python大数据可视化:基于Python对B站热门视频的数据分析与研究_flask+hive+spider
  • 利用 Python 编写一个 VIP 音乐下载脚本
  • linux内核如何实现TCP的?
  • 【Spring】基于XML的Spring容器配置——FactoryBean的使用
  • Docker使用——国内Docker的安装办法
  • 电商会员门店消费数据分析
  • Vue.js 入门与进阶:打造高效的前端开发体验
  • Java包装类型的缓存