vue Carousel 走马灯 自定义箭头

 

vue methods

arrowClick(val) {
    if(val === 'right') {
        this.$refs.cardShow.next()
    } else {
        this.$refs.cardShow.prev()
    }
},

css

.selection:hover .leftArrow,
.selection:hover .rightArrow{
  display: block;
}

.selection .leftArrow{
      position: absolute;
      display: none;
      top: 50%;
      left: -17px;
      z-index: 10;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);

}
.leftArrow_img{
  width: 60px;
  height: 60px;
  background-image: url("/img/imgicon/btnleft_nor.png");
}
.leftArrow_img:hover{
  width: 60px;
  height: 60px;
  background-image: url("/img/imgicon/btnleft_h