修改element plus Carousel 走马灯改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等

电脑版发表于：2024/12/23 16:34

代码如下：
```

<style scoped="scoped" lang="scss">

	/*
	   修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果
	 */
	::v-deep .el-carousel__indicator--horizontal .el-carousel__button {
		width: 7px;
		height: 7px;
		background: #ebe6e6;
		border-radius: 50%;
		opacity: 1;
	}
	::v-deep .el-carousel__indicator--horizontal.is-active .el-carousel__button {
		width: 7px;
		height: 7px;
		background: #1880ff;
		border-radius: 50%;
		opacity: 1;
	}


	/*
	  修改element plus Carousel 走马灯 切换箭头样式，位置，颜色等
	 */

	//调整走马灯箭头-左箭头
	::v-deep .el-carousel__arrow--left {
		// top: 160px;
		// left: -13px;
		// 微调一下位置
		margin-top: -33px;
		font-size: 15px;
		opacity: 0.8;

		background: #18a6ff;
		// color: #02e9ff;
	}

	//右箭头
	::v-deep .el-carousel__arrow--right {
		// top: 70px;
		// right: -13px;
		// 微调一下位置
		margin-top: -33px;
		font-size: 15px;
		opacity: 0.8;

		background: #18a6ff;
		// color: #02e9ff;
	}
</style>
```

TeachingNote

修改element plus Carousel 走马灯改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等

{{item.title}}

修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等

{{item.title}}

修改element plus Carousel 走马灯改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等