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

轮播图带详情插件,插件

超级好用的轮播图

    • 介绍
    • 访问地址
    • 参数介绍
    • 使用方法(简单使用,参数结构点击链接查看详情)
    • 图片展示

介绍

video(15)

带有底部物品介绍以及价格的轮播图组件,持续维护,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/509072.html

相关文章:

  • gesp(三级)(14)洛谷:B4039:[GESP202409 三级] 回文拼接
  • ISO17025最新认证消息
  • ASP.NET Core Web API 控制器
  • RAID5原理简介和相关问题
  • Axure RP 8安装(内带安装包)
  • stm32定时器输出比较----驱动步进电机
  • 关于鸿蒙架构feature
  • 【递归,搜索与回溯算法 综合练习】深入理解暴搜决策树:递归,搜索与回溯算法综合小专题(一)
  • vue3 如何使用 mounted
  • PostgreSQL JOIN
  • mysql(基础语法)
  • 【论文阅读笔记】Scalable, Detailed and Mask-Free Universal Photometric Stereo
  • 抓取手机HCI日志
  • 【linux】 unshare -user -r /bin/bash命令详解
  • 微软远程桌面APP怎么用
  • Android9.x SurfaceView源码分析
  • MDS-NPV/NPIV
  • 通用人工智能的关键:统一语言描述万物
  • JSON 系列之1:将 JSON 数据存储在 Oracle 数据库中
  • [前端]HTTP库Axios
  • vue3入门教程:reactive函数
  • SDMTSP:黑翅鸢算法(Black-winged kite algorithm,BKA)求解单仓库多旅行商问题,可以更改数据集和起点(MATLAB代码)
  • 叉车作业如何确认安全距离——UWB测距防撞系统的应用
  • 5-Gin 静态文件服务 --[Gin 框架入门精讲与实战案例]
  • 【自动驾驶】3 激光雷达③
  • Vue 3.5 编写 ref 时,自动插入.Value
  • 从0到1实现一个RS蓝图系统-概念提出技术栈选型
  • npm淘宝镜像
  • 深入解析:Python中的决策树与随机森林
  • 奇怪问题| Chrome 访问csdn 创作中心的时候报错: 服务超时,请稍后重试