vue走马灯/轮播图

Dear 丶 2022-11-18 05:49 355阅读 0赞

<div class="banner">
      <el-carousel height="460px" :interval="5000" arrow="always">
        <el-carousel-item v-for="(item,index) in banner" :key="index">
         <img :src="'http://106.15.179.105:3000/'+item.imgPath" alt="">
        </el-carousel-item>
      </el-carousel>
    </div>

在这里插入图片描述

在这里插入图片描述

发表评论取消回复

表情：

评论列表（有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue简单实现轮播图

一准备数据 (1)定义一个dataList，里面存放我们的图片 `dataList:['../../static/images/300.jpg','../../sta

短命女/ 2023年07月06日 06:22/ 0 赞/ 223 阅读

相关 Vue轮播图（swiper）

Vue轮播图（swiper）注意：swiper版本为5.x.x时，import才能引入成功 1. 在terminal中输入,引入swiper依赖 --

骑猪看日落/ 2023年03月04日 06:46/ 0 赞/ 105 阅读

相关 vue走马灯/轮播图

<div class="banner"> <el-carousel height="460px" :interval="5000" arrow="a

Dear 丶/ 2022年11月18日 05:49/ 0 赞/ 356 阅读

相关 html vue轮播图,webpack+Vue实现轮播图

前言本来如果只是想做个轮播图的话不太需要这么麻烦的构建webpack项目，但是我的目的不是只做个轮播图这么简单，主要是想用webpack搭建一个vue项目，然后在里面实现了

迈不过友情╰/ 2022年10月19日 01:39/ 0 赞/ 347 阅读

相关 JS来实现轮播图（走马灯）可左右切换图片，鼠标移入会停止轮播

效果一： ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAX2xpbldhbmc_size

红太狼/ 2022年09月10日 11:12/ 0 赞/ 451 阅读

相关简易轮播图，走马灯，幻灯片(html+css+jq)

今天做一个简易轮播图首先做轮播图没有好看的图片怎么行，准备三张大小一致的图片，图片1图片2图片3。 01.jpg ![01.jpg][] 02.jpg ![0

淡淡的烟草味﹌/ 2022年03月27日 13:08/ 0 赞/ 617 阅读

相关 vue手把手教你实现走马灯商品左右轮播图

<template> <div> <div class="back_add"> <div class="threeImg

骑猪看日落/ 2022年01月09日 11:19/ 0 赞/ 453 阅读

相关 vue实现简单轮播图

实现思路: 1. 将vue的框架封装在function中，在界面刷新时调用，将要轮播的图片存放在data中，还有下面的列表也分别保存在data中的一个数组中，然后每隔一

比眉伴天荒/ 2021年11月02日 00:40/ 0 赞/ 463 阅读

相关 vue weex 轮播图

<template> <div>  <slider class="slider" i

朴灿烈づ我的快乐病毒、/ 2021年09月17日 22:20/ 0 赞/ 474 阅读

相关 Vue-Vant实现轮播图

参考文档：[Vant][] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

我会带着你远行/ 2021年09月09日 02:02/ 0 赞/ 1703 阅读