element-ui中 Progress 进度条 圆角修改成方形 背景色等修改

组件中提供的都是带有圆角的进度条,项目中要求的是矩形进度条,查看元素时在控制台点掉border-radius属性可实现矩形样式,于是到代码中修改组件样式。

在这里插入图片描述

//加上::v-deep,可生效,背景色,圆角都可在这两个类中按需修改
:deep(.el-progress-bar__outer) ,
:deep(.el-progress-bar__inner)  {
    
    
        border-radius: inherit ;
    }

效果图

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Maxueyingying/article/details/130152431