vue.js+elementUI怎么實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能
這篇文章主要介紹了vue.js+elementUI怎么實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)志丹,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
1.效果圖如下
2.vue代碼如下
{{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;
}感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue.js+elementUI怎么實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
分享名稱：vue.js+elementUI怎么實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能
URL地址：
http://m.jcarcd.cn/article/pdcohs.html
