vue列表左右箭头滑动_vue.js+elementUI实现点击左右箭头切换头像功能（类似轮播图效果）...

1.效果图如下

2.vue代码如下

indicator-position="none" :autoplay="false">

class="deleteStyle">

{{items.b_nickname}}

3.修改的样式

.el-carousel__item.el-carousel__item--card.is-in-stage {

text-align: center;

}

/*修改高度*/

.el-carousel__container {

height: 100px;

}

.van-collapse-item__content {

padding: 14px 0;

}

/*左右箭头的样式*/

button.el-carousel__arrow.el-carousel__arrow--left, button.el-carousel__arrow.el-carousel__arrow--right {

font-size: 12px;

height: 20px;

width: 20px;

background: #A099F0;

}

以上所述是小编给大家介绍的vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！