搭建CLI步奏过程不详细介绍了
主要利用Vue.component()注册全局组件,滑动效果使用了translateX
如下图
让后开始详细介绍如何实现自己的轮播组件
一.新建jv-swiper文件夹
1.1、然后在jv-swiper文件夹新建index.vue ,该vue其实为swiper的外层控制
<template>
<div class="jv-swiper" ref="swileng">
<slot></slot>
<div v-if="indicator==='true'" class="indicator-box">//此段代码为指示器,轮播的小点点
<div v-for="(i,index) in jv_siwdom" :key="index" :class="jv_siw_index==index?'indicator_color':''" class="indicator"> </div>
</div>
</div>
</template>
<script>
/* es