自定義el-carousel-item指示器樣式
把指示器變成圓點
<style scoped>
/deep/.el-carousel__indicator--horizontal .el-carousel__button {
width: 15px;
height: 10px;
background: #f2f2f2;
border: 1px solid #ffffff;
border-radius: 50px;
opacity: 0.8;
border: none !important;
}
/deep/.el-carousel__indicator--horizontal.is-active .el-carousel__button {
width: 30px;
height: 10px;
background: #f59a23;
border-radius: 40px;
border: none !important;
opacity: 1;
}
/deep/.el-carousel__indicators--horizontal {
position: relative;
bottom: 32px;
left: 130%;
}
</style>效果圖：
文章來源：http://www.zghlxwxcb.cn/news/detail-534463.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-534463.html
到了這里，關(guān)于自定義element-ui走馬燈（輪播）樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
